HTML/CSS Firefox问题

查看Firefox上这两个页面的顶部菜单：

由于某种原因，在第一页的上方有一些额外的间距

这只发生在Firefox上。我正在使用Firefox 3.6。

您的问题在于：

.clearfix:after {
  clear:both;
  content:" ";
  display:block;
  font-size:0;
  height:0;
  visibility:hidden;
}

Firefox并不总是喜欢这个规则，相反，我会这样做：

.clearfix {
  overflow: auto;
}

或者，只给它一个高度，这样它就不会推断出线的高度：

.clearfix:after {
  clear:both;
  content:" ";
  display:block;
  font-size:0;
  height:1px;
  visibility:hidden;
}

---

如果您在这里找不到答案，请尝试DocTypeI我不知道为什么会出现这种情况，但在字段集中添加“float:left”可以解决问题。从中删除“float:left”也会在顶部菜单中添加10 px。这似乎就是这两个网站之间的区别。因此，如果您希望两个站点都有10px的顶部菜单，请从.section中删除“float:left”，如果您不希望填充，请在fieldset中添加“float:left”。我在clearfix类中添加了overflow:auto属性，问题就解决了。谢谢