Question

在网站底部的页脚之后似乎有随机的空格，但它只出现在Firefox中。该网站在Safari和Chrome中运行良好。当我尝试使用inspect元素时，白色空间似乎不属于任何标记。它似乎与任何页脚标签无关，因为删除它们并没有改变任何东西。

我正在为我的页脚使用Ryan Fait's Sticky Footer解决方案。它似乎在Chrome和Safari上运行良好，但似乎不适用于Firefox。

进行测试

任何想法我做错了什么？

Answer 1

如果你添加

overflow:hidden

对于页脚元素，它似乎解决了Firefox中的问题。我从this question得到了这个想法，所以它可能是相同或类似的问题（崩溃边缘）。

Answer 2

已经提供的两个答案都无济于事......

<span class="footer-copyright">
<strong>© EDM Hunters 2014</strong>
</span>

位于页脚中的位置错误。它没有显示在Chrome中。您需要将菜单向左移动一点。当我得到确切的样式时，我会提供css。

在第12行的global.min.***.css中，删除所有的css add：

bottom: -102px;
position: relative;

这应该是.footer-copyright。不要使用overflow:hidden因为那是不知道发生了什么的人。现在......这一秒我需要检查Chrome，但这应该没问题。如果不是，我会在一分钟内修改编辑。

最终编辑：

要在Chrome中使用以上两种样式添加：

display: block;
float: left;

Answer 3

这是firefox上的clearfix问题，因为...永远。如果您删除了clearfix并将float:left; width:100%或overflow:hidden添加到页脚，那么它应该适用于所有浏览器。

此外，您还没有正确使用clearfix。您应该只将类添加到浮动元素的容器中，而不是添加像<div class="clearfix"></div>这样的空元素：

<div class="clearfix">
  <div style="float:left"></div>
  <div style="float:right"></div>
</div>