頁面底部過多的多余填充

Question

我在頁面底部有太多填充，我不知道為什么要填充它。 我看過Firefox中的Firebug，但似乎無法找出是哪個元素引起了額外的填充。 我知道這真的很愚蠢，但是我無法一輩子弄清楚。 感謝您的幫助！

單擊此處可以找到該站點。

編輯：我剛剛意識到這是特定於Firefox的問題。 在Safari中加載頁面時，看起來就像我期望的那樣。 不知道為什么Firefox會在頁面底部額外渲染200個左右的像素（這會導致瀏覽器在頁面不需要滾動條時使用滾動條）。

感謝您已經給出的建議！

Answer 1

檢查樣式表的第1197行（ styles.css ）。

div.bottomLineContainer的高度設置為200px 。 嘗試將值更改為100px 。

Answer 2

我只是看了看現場。 去掉

.cf:before, .cf:after {
    content: "";
    display: table;
}

它在1361行上。如果關閉這兩個屬性，則多余的空間就會消失。 為了找到它，我只是有條不紊地刪除了螢火蟲中的每個html，直到找到罪魁禍首，然后才開始逐個關閉屬性。

不錯的網站。

Answer 3

我會檢查您在“與我們聯系”橫幅下方列出的多余DIV聲明。 嘗試刪除它們，看看會發生什么。 同時，我將檢查我的結果。 這是您的影子框導致了額外的空間，我嘗試在沒有它的情況下加載頁面，並且底部沒有多余的填充。 檢查文檔的影子框。