2011-09-10 134 views
5

我開始一個新項目,我想用normalize.css但我面臨一個小問題。在DOM的頂部,你會發現一個黃色的空白,身體背景顏色。 主容器是綠色的,並且包含來自normalize.css演示的html。Normalize.css頂部標題間隙

你會在這裏找到一個演示:http://goo.gl/hf8cv

+0

問題是黃色的差距(在這種情況下刪除身體{背景顏色:黃色))?或者顯示默認的HTML? – user500198

+0

該文件將用於iframe中,並且頂部有太多空間。 – birkof

回答

13

你看到的是保證金崩潰。

當帶有空白的元素位於沒有邊框或填充的元素內部時,邊距將與父元素的邊距一起摺疊。

這是您在頂部看到的h1元素的邊距。由於父母都沒有邊框或填充物,所以邊緣一直崩潰到最外面的容器。

+1

感謝您的提示! h1,h2,h3,h4,h5,h6 {margin:0; padding:0}暫時解決問題。是否有任何其他方式解決這些崩潰而不影響標題(h1,h2 ...)的保證金? – birkof

+1

在父級上添加「overflow:auto」還會使邊距不合並。 – Guffa

+0

'overflow:hidden;'主'div'元素將完全覆蓋內容。 – lnguyen55