CSS显示：具有小数像素宽度的表格

Question

我使用百分比来创建div的宽度，display属性设置为table。在我的例子中，父div的宽度是88.7969px。因此，将width设置为div的{​​{1}}属性设置为display的{​​{1}}为100％会将宽度计算为88.7969px。但事实并非如此。它将宽度计算为88px。

table的小数像素宽度是否显示不受支持？

这是fiddle。如果你检查这些元素，你会看到table包装器在88.7969px但内部子包content在88px。

Answer 1

与display:table无分数像素值无关。

完全取决于您使用的浏览器和浏览器版本。

截至2016年2月9日的当前版本:::在谷歌浏览器上，带有display:table的小数像素值的div被四舍五入，而在Firefox中它不是，而且在IE中也没有四舍五入。

Answer 2

似乎在带有display: table的元素上的小数宽度向下舍入，而不是向最近的邻居舍入，否则就会出现这种情况。