IE 和 Firefox 上的 div 之间的差距答案

【问题标题】：Gap between divs on IE and FirefoxIE 和 Firefox 上的 div 之间的差距
【发布时间】：2013-07-26 02:33:45
【问题描述】：

我知道这是一个常见问题，但我找到的解决方案似乎不起作用。

本网站的 IE / Firefox 中的 header 和 content div 之间存在差距，但在 Chrome 上没问题。任何人都可以提出可能导致它的原因吗？

这不是填充问题，也不是字体大小问题。我已经尝试在全球范围内删除所有边距，但这也不起作用。把我逼疯了！

如有任何建议，我们将不胜感激

【问题讨论】：

【解决方案1】：

这是导致差异的 <ul> 和 <ol> 元素上默认的 16px 顶部/底部边距，您需要做的就是删除边距：

nav ul {
list-style: none;
margin: 0;
}

您还应该考虑使用CSS reset 来避免浏览器默认样式

【讨论】：

【解决方案2】：

你可以设置margin: 0;它会解决你的问题

【讨论】：