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工作得很好。

我还没有尝试过，但如果它是真的，那听起来就像是一个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。

Chrome中的css维度错误？

相关推荐