IE中的间距混乱（html / css问题）

Question

对此感到抱歉，我通常对HTML / CSS没问题，但是我对此感到困惑。

基本上，我有一个标头，其下是导航，然后是一个小空间，后跟一个用于网站内容的区域。 它在Firefox中可以完美地工作，但是在IE中令人讨厌的是，很小的空间变得很大。 降低indexbody类上的margin-top值可以解决IE的问题，但可以消除Firefox的所有空白。

我的代码在这里。 如果需要，我可以提供更多信息：)

提前感谢负载！ :)

*已删除的代码：请参见http://jsfiddle.net/eoJ1/PRjF7/或http://www.joemarketeer.com/stackoverflow/index.html :)

再次感谢！ 很抱歉，无法显示文字。

Answer 1

这是因为IE在“导航” div上注册了高度，并且您还使用了margin-top：90px来添加间距。 而其他浏览器则忽略了“导航”高度，基本上只使用了内容区域中的margin-top：90px。

在具有浮点数的导航div上使用clearfix，然后在导航区域上使用“ margin-bottom：30px”，而不在内容区域上使用“ margin-top：”。