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：”。