2011-09-10 77 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