开满天机
尽管小数像素可能出现在单个元素上(如@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