Html 为什么'；当应用分数高度时，css边框底部显示在这些内嵌div中？（仅限Chrome）

所以我有一个JSFIDLE：

HTML:

CSS:

.container{
线高：0；
宽度：100%；
}
.行{
高度：100px；/*您可以使用
float:left；
代替
显示：内联块；
。它适用于任何高度。
您可以使用
float:left；
代替
显示：内联块；
。它适用于任何高度。
浏览器无法渲染半像素，因此它正在进行近似处理，并且您的div是折叠的相互重叠。如果出于某种原因，您需要此高度（？），可以通过添加：

margin-bottom: .66px;


旁注-在hidpi屏幕（又名视网膜）上，您的分数示例看起来不错。这是因为css中的每个像素都有一个以上的像素显示
浏览器无法渲染半像素，因此它正在进行近似处理，并且您的div正在相互折叠。如果出于某种原因您需要此高度（？），您可以通过添加以下内容来补偿：

margin-bottom: .66px;


旁注-在hidpi屏幕上（又名视网膜）你的分数示例看起来不错。这是因为css中的每个像素都有一个以上的像素显示。这是一个很好的方法。但是你可以通过增加
边框底部的高度来实现。你可以在中检查这一点。但是你可以通过增加
b来实现订购底部
和高度
。你可以在
中检查你的JSFIDLE，它是否正常工作或者我忘了提到它只发生在Chrome上。尝试将100.66px放在行高上，也可以在Chrome上工作。你使用的是哪个版本？不要使用十进制值。检查十进制px的工作方式。检查你的JSFIDLE和它工作正常恐怕我忘了提到它只发生在Chrome上。试着把100.66px放在行高上。行高也在Chrome上工作。你使用的是哪个版本？不要使用十进制值。检查十进制px如何工作。是的。但这有一个令人讨厌的副作用，将最低元素的可见底边加倍。为了避免d这你可以使用
边距底部
。我欣赏阿比纳夫的答案。我的答案是可选的。谢谢：）是的..但这有一个令人讨厌的副作用，就是将最低元素的可见底部边界加倍。为了避免这种情况，你可以使用
边距底部
。我欣赏阿比纳夫的答案。我的答案是可选的。谢谢：）
margin-bottom: .66px;