CSS - Box模型 - 僅適用於Chrome

Question

使用Bootstrap的css創建簡單的流體佈局後，我注意到除Chrome之外，每個瀏覽器的佈局未在右側排列在之上。

看看這個jsFiddle：http://jsfiddle.net/47JND/5/，例如，Firefox或IE9。

你會發現這一點：

只有關於Chrome之間的差異1px的，（見下文）：

還請注意，我用的是以下盒子尺寸屬性：

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

有什麼我失蹤？我試過了我能想到的一切來弄清楚是什麼造成了這種情況！

Answer 1

很確定這是一個子像素渲染問題。寬度被四捨五入爲最接近的像素，這使得它們基於父寬度的不同寬度。

我在Chrome上看到1個像素重疊。