页脚不会一直到底部

Question

我的页脚不会一直走到最底层。 我已将我的代码放在一个小提琴中供人们查看：

http://jsfiddle.net/q2pd5/

我的问题在实际页面上更好看： http://dev.madhousecreative.co.uk/ 或者在jsfiddle的全屏结果上也很明显。

很明显，在页脚下方有一个白色的间隙，我不知道它为什么会出现。

我在这里有很多漂浮物，但我已经尝试过必要时清除它们。

还尝试了粘贴页脚，如其他一些问题答案所示，但这也不起作用。

据我所知，它适用于所有浏览器

Answer 1

添加

overflow: hidden

到你的CSS中的#footer。这是一个经常被忽视的小技巧。基本上溢出：隐藏允许你的div根据它的内容垂直调整大小。

Answer 2

您尚未清除页脚中列表的float。这个页脚上有Clear it overflow: hidden;就像这样：

 #footer {
     overflow: hidden;
 }

Answer 3

您的页脚未正确清除。尝试使用像这样的clearfix：

#footer:before, #footer:after {
    content: "";
    display: table;
}
#footer:after {
    clear: both;
}

#footer {
    zoom:1; /* ie fix */
}

Answer 4

页脚指定height: 200px;，剪切背景图像。页脚实际上延伸到窗口的底部，但是列表中的最后一项无法看到，因为它是白色背景上的白色文本。

换句话说，设置overflow: hidden不会单独修复它，它只是填充页脚的其余部分。同时删除height: 200px，它也可以。