尽管小数像素可能出现在单个元素上(如@SkilDrick演示得很好)重要的是要知道分数像素实际上在实际的盒子模型中是受尊重的.
当元素相互叠在一起(或顶部)时,最好看到这一点;换句话说,如果我将400个0.5像素的div并排放置,它们将具有与单个200像素div相同的宽度。如果他们都其实我们认为200 pxdiv的长度是200 pxdiv的一半。
这可以在这个可运行的代码片段中看到:
body {
color: white;
font-family: sans-serif;
font-weight: bold;
background-color: #334;
}
.div_house div {
height: 10px;
background-color: orange;
display: inline-block;
}
div#small_divs div {
width: 0.5px;
}
div#large_div div {
width: 200px;
}
0.5px div x 400
200px div x 1