在页面底部添加太多额外填充

Question

我的页面底部有太多填充，我不知道它为什么会存在。我在Firefox中查看了Firebug，但似乎无法找出导致额外填充的元素。我知道这将是非常愚蠢的，但我不能为我的生活弄清楚。谢谢你的帮助！

点击here即可找到该网站。

修改 我刚才意识到这是Firefox特有的问题。当我在Safari中加载页面时，它看起来像我期望的那样。不知道为什么Firefox会在页面底部渲染额外200个左右像素的页面（导致浏览器在页面不需要时有滚动条）。

感谢您提出的建议！

Answer 1

检查样式表的第1197行（styles.css）。

div.bottomLineContainer的高度设置为200px。请尝试将值更改为100px。

Answer 2

我只是看了一下这个网站。删除

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

这是在1361行。如果你关闭任何一个属性，额外的空间就会消失。为了找到它，我只是有条不紊地删除了firebug中的每一段html，直到找到了罪魁祸首，然后开始逐个关闭属性。

不错的网站。

Answer 3

我会检查您在联系我们横幅下面列出的额外DIV声明。尝试删除它们，看看会发生什么。在此期间我会检查我的结局。 这是你的影子箱造成了额外的空间，我尝试加载没有它的页面，底部没有额外的填充。检查shadowbox的文档。