HTML页边距推送其他元素

有人能回答我吗，为什么当我将页边空白顶部设置为我的

，所有其他div都被压下了。为什么如果设置一个浮点：留给我的

，一切都正常

代码：

奥拉蒙多！
/*CSS在此处重置*/（http://html5doctor.com/html-5-reset-stylesheet/ )
正文{页边距：0；}
#容器{宽度：1000px；最小高度：100%；高度：自动；边距：0自动；}
#标题{宽度：100%；高度：160px；背景色：#FF0；}
#标志{宽度：150px；高度：150px；边距：10px 0 10px；背景色：#F0F；}
明哈标志！
meu口号。。。

您的h1上有一个默认边距（在我的计算机上的safari上是.67em）。这就是导致一切被推倒的原因

尝试：

会解决一切的

当您浮动时，它工作的原因是浮动会将徽标元素从正常流中移除，因此不会影响其父元素的定位

另外，我总是使用重置css来避免这种情况。效果很好。

这是由于

正常文档流

在

不浮动的情况下，它的顶部边距实际上伸出其包含元素的顶部，这会将所有内容向下推。这种行为的原因（正如上面的文章所指出的）是，如果您有一系列带有以下CSS的段落：

p {
   margin: 1em 0;
}

它们之间只有1米的利润，而不是2米（如果利润没有崩溃，这将是结果）

浮动修复

当您浮动

时，它会使其脱离正常的文档流，这意味着其顶部边距不再与其父级边距折叠

修复

---

在您的情况下，修复边距折叠的其他选项是在

@user437246中添加1倍的顶部/底部填充或边框，因为您使用的是html标记，它们被解析为html，我们看不到它们，请从<>中打开它们。徽标中的其他元素是否浮动？如果是，则标志会塌陷，除非你将其浮动。哦，对此表示抱歉。我正在使用Richard Clark（）创建的css set/reset。谢谢你的回答！Thaaaaank寻求答案！我正在读这篇文章，泰，非常喜欢

h1{margin:0;}

p {
   margin: 1em 0;
}