Chrome中的css維度錯誤？

Chrome 16.0.912.63中是否存在新的錯誤？Chrome中的css維度錯誤？

這是我的CSS：

#wholesale { 
margin: 0px 0px; 
width: 930px; 
text-align: center; 
display: table; 
border-top: 12px solid; 
line-height: 24px; 
}

但我得到一個框，爲12px太寬（942px）：

卸下邊框頂部的聲明將導致正確的寬度（930px）。您可以在此page上使用上述版本的Chrome查看此功能。

Firefox 8.0.1和Safari版本5.1.2（7534.52.7）以及舊版本的Chrome工作得很好。

來源

2011-12-23 Kai

我還沒有嘗試過，但如果它是真的，那聽起來就像是一個bug。 – 2011-12-23 08:13:12

這肯定是一個錯誤，[this jsfiddle]（http://jsfiddle.net/cz8Tb/）更清楚地表明它 - 一個200px的頂部邊框爲div的寬度增加了200px，它只發生在'display '設置爲'table'。 – ptriek 2011-12-23 08:20:56

我創建了一個[bug報告]（http://code.google.com/p/chromium/issues/detail?id=108528&q=border-top%20border-bottom%20table&colspec=ID%20Pri%20Mstone%20ReleaseBlock%20Area ％20Feature％20Status％20Owner％20Summary）。 – ptriek 2011-12-23 08:33:44

我不知道爲什麼Chrome會這樣做，但是如果您刪除display：table，它會修復您的問題。

因爲#wholesale，#newshead和#carthead中的內容都是塊元素，所以您並不需要display：table。

來源

2012-01-05 22:22:57

Chrome中的css維度錯誤？

回答

相關問題