クロムのCSSのバグ？

Chrome 16.0.912.63に新しいバグはありますか？クロムのCSSのバグ？

これは私のCSSです：

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

が、私は12ピクセルあまりに広（942px）であるボックスを取得：ボーダートップ宣言が正しい幅になります削除

を（930ピクセル）これは、上記pageのChromeのバージョンを使用して確認できます。

Firefox 8.0.1とSafariバージョン5.1.2（7534.52.7）以前のバージョンのChromeではうまくいきました。

出典

2011-12-23 Kai

私はそれを試していないが、それが真実ならそれは私のバグのように聞こえる。 –

これは間違いなくバグです。[this jsfiddle]（http://jsfiddle.net/cz8Tb/）はもう少し明確に示しています。つまり、200pxの上の枠線でdivの幅に200pxを追加すると、 'display 'は' table'に設定されています。 – ptriek

私は[バグレポート]を作成しました（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

なぜChromeでこれが行われているのかわかりませんが、display：tableを削除すると問題が解決します。

#wholesale、#newshead、および#cartheadのコンテンツはすべてブロック要素なので、display：tableは必要ありません。

出典

2012-01-05 22:22:57

答えて

関連する問題