页面底部有太多额外的填充答案

【问题标题】：Way too much extra padding on bottom of page页面底部有太多额外的填充
【发布时间】：2012-07-24 00:28:10
【问题描述】：

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

点击here即可找到该网站。

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

感谢您已经给出的建议！

【问题讨论】：

【解决方案1】：

检查样式表的第 1197 行 (styles.css)。

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

【讨论】：

【解决方案2】：

我刚刚查看了该网站。删除

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

它位于第 1361 行。如果您关闭任一属性，多余的空间就会消失。为了找到它，我只是有条不紊地删除了firebug中的每一段html，直到找到罪魁祸首，然后开始一个一个地关闭属性。

不错的网站。

【讨论】：

感谢您的信息。这绝对是罪魁祸首，但我需要该代码用于我网站的其他部分。我刚刚将它应用于bottomLineContainer DIV，它在此页面上创建了一个问题（即使它不在其他页面上）。不过，从那个 DIV 中删除这个类确实起到了作用。再次感谢！

【解决方案3】：

我会检查您在联系我们横幅下方列出的额外 DIV 声明。尝试删除它们，看看会发生什么。在此期间，我会检查我的结局。这是您的影子框导致了额外的空间，我尝试在没有它的情况下加载页面，并且底部没有额外的填充。检查影子盒的文档。

【讨论】：