页面底部过多的多余填充

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声明。 尝试删除它们，看看会发生什么。 同时，我将检查我的结果。 这是您的影子框导致了额外的空间，我尝试在没有它的情况下加载页面，并且底部没有多余的填充。 检查文档的影子框。