Firefox錯誤地將margin-bottom添加到元素的頂部

Question

在Firefox中，當我添加以下CSS規則時，75px保證金底部也會應用到#header-container的頂部。 Firebug沒有報告這一點，但是元素已經向下移動了頁面的底部邊界的確切數量。其他瀏覽器不這樣做。

有人知道爲什麼會發生這種情況，以及如何阻止它？謝謝。

#header-container{ 
    position: relative; 
    margin: 0 auto 75px; 
    width: 960px; 
} 

Answer 1

我不知道如何和爲什麼發生這種情況，但如果你改變你的造型#header-container這個

#header-container{ 
    position: relative; 
    margin-bottom: 75px; 
    width: 960px; 
    float: left; 
} 

它會解決這個問題。