我快速创建了这个 jsfiddle帮助你帮助我的元素。
为什么 #container 的 margin-top 在我期望的时候将整个 body 从 html 向下推从 #containerWrapper 推送 #container ？
我们的想法是将所有内容放在容器中，并在菜单正下方留出空白。
最佳答案
这是由 margin-collapse 引起的这发生在两个相邻的边距上。内边距将折叠到外边距中，其行为类似于外部容器 block 上的边距。
如果您只想在 #containerWrapper 上应用边距，您可以使用 padding-top 或在 之间放置一个 及其外部 block 容器。border #containerWrapper
关于html - margin-top 未按预期运行，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8200094/