css - 浏览器中 CSS 布局顶部的神秘乐队，但不在 jsfiddle 中？

Question

在此处查看 jsfiddle：http: //jsfiddle.net/x7N66/3/

在此处查看屏幕截图：http: //i.imgur.com/wx5SB.png

注意铬屏幕截图顶部的白色带（在歌剧中也可见，未尝试过）。那不应该在那里，我不知道为什么！

我无法弄清楚这是从哪里来的。Chromium 中的开发工具不会将其识别为布局的任何部分。它发生在包含 header_img div 之后。但它不应该引起问题，因为所有填充都设置为零

请注意，我在底部确实有一个页脚，它可疑地与它看起来的高度相同。

谢谢

Answer 1

尝试将此添加到您的 CSS 中：

h1 { margin-top: 0; }

我的猜测是margin collapsing的情况。如果具有顶部/底部边距（h1s 具有默认边距）的元素包含在没有填充（#header_img）的元素中，则边距将应用于该容器元素。