尽管所有边距，填充等都设置为0，但HTML页面顶部的白条

Question

我的HTML页面顶部有一个白色（实际上是体色，鬼白色）条带，即使所有边距，填充等都设置为0。

网址:(编辑：删除，因为它已过时）

我彻底调查了我能想到的一切，而且我正式认为是什么导致了这一点。真奇怪的是我从测试页面复制了CSS并且它在那里正常工作，所以我怀疑我在实时页面上使用的样板，现代化等等，但我已经检查了我能想到的一切在那里，找不到理由。

Firebug告诉我，显然整个身体正好被2em所抵消。如果我在CSS中添加“top：-2em”，它会与页面顶部完美对齐。但这至多是一种解决方法，我想了解这里发生了什么。

Answer 1

问题在于#logo DIV和H1元素。两者都有利润（累积）产生这种白色条带。

从#logo元素中删除边距，并使用填充作为H1。

---

<强>更新

另一种方式是：

• 从#logo
中删除margin
• 将padding添加到#logo
• 在H1上设置margin:0
• 从#logo
中删除line-height:0.5em

结果：

---

顺便说一句，我建议你将YUI CSS重置（或其他一些重置表）包含在你的页面中。

Answer 2

h1元素上有一个上边距。

h1 { margin: 0 0 10px; }

Answer 3

只需将其添加到css中的标题类即可。

header {overflow: hidden;}