css：Firefox4 css中意外的边距/填充

我最近开始建立一个网站，但在Firefox4中遇到了一个问题。 我的主导航栏在页面顶部有一个意外的边距。 -只有在Firefox4中。 Chrome，IE8，IE9，IE7，Safari工作正常。似乎只有FF4在四处走动。 我怎样才能优雅地解决这个问题，而不让我的css和ff黑客乱成一团

谢谢你的问候：

---

现场演示的URL:

主要包装div的

2em

边距导致了该问题

---

将

margin top:-2em

添加到您的

#doc

div修复中。

来自

#main wrap

div的

2em

margin导致此问题

---

将

margin top:-2em

添加到您的

#doc

div补丁中。

此css是一个坏蛋：

#main-wrap {
    margin: 2em auto auto;
}

---

这就是坏蛋：

#main-wrap {
    margin: 2em auto auto;
}

---

我为您的案例设计了一个简单的测试：

<div style="float:left;">test</div><div style="margin-top: 50px;"></div>

这个问题似乎用这个技巧解决了：-）

---

享受编写CSS的乐趣：-）

我为您的案例设计了一个简单的测试：

<div style="float:left;">test</div><div style="margin-top: 50px;"></div>

这个问题似乎用这个技巧解决了：-）

---

享受编写CSS的乐趣：-）

谢谢你，我太瞎了，看不见东西。但为什么只有FF？因为怪癖模式。提供一个合适的Doctype，FF的行为会更加严格。为什么会有怪癖？这是正常的html 5标记？@Cobra\u Fast Doctype似乎很好，它是

。Web开发人员扩展告诉我此Doctype符合标准？谢谢，我太瞎了，看不见。但为什么只有FF？因为怪癖模式。提供一个合适的Doctype，FF的行为会更加严格。为什么会有怪癖？这是正常的html 5标记？@Cobra\u Fast Doctype似乎很好，它是

。Web开发人员扩展告诉我这个Doctype符合标准？我不明白#主包装未包裹#顶部包装。“主换行”怎么会导致页面顶部到“顶换行”之间留有空白？我不明白#主包装未包裹#顶部包装。#main wrap如何使页面顶部到#top wrap之间留有边距？