html - CSS - 盒子模型 - 仅适用于 Chrome

Question

在使用 Bootstrap 的 css 创建了一个简单的流体布局后，我注意到除了 Chrome 之外，每个浏览器的布局并没有在右侧对齐。

看看这个 jsFiddle： http: //jsfiddle.net/47JND/5/ ，例如，firefox 或 IE9。

你会注意到这一点：

Chrome 之间只有大约 1px 的差异，（见下文）：

另请注意，我正在使用以下 box-sizing 属性：

box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box; 

有什么我想念的吗？我已经尝试了我能想到的一切来找出导致这种情况的原因！

Answer 1

相当肯定这是一个亚像素渲染问题。宽度被四舍五入到最近的像素，这使得它们根据父级的宽度而具有不同的宽度。

我也在 Chrome 上看到了 1 个像素的重叠。