页脚不会一直走到底部

我的页脚不会一直走到底部。我已经把我的代码在一个js捣鼓的人看看：页脚不会一直走到底部

http://jsfiddle.net/q2pd5/

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

由于很明显可以看到，页脚下方有一个白色的缝隙，我不知道它为什么会出现。

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

也试图粘脚，如其他一些问题的答案建议，但这也行不通。

据我所知，这是在所有浏览器

来源

2012-02-23 RSM

只需添加

overflow: hidden

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

来源

2012-02-23 14:11:10

太好了。谢谢。这真的很好。 – RSM 2012-02-23 14:11:44

究竟是什么问题？你知道吗？ – RSM 2012-02-23 14:11:56

@RyanMurphy，是，不是！当你使用萤火虫或IE开发者工具栏时，即使它有内容，也不能看到div。它技术上有一个高度0px。添加溢出：隐藏允许它的大小，以它的内容（高度）。一旦它的大小允许页面正确渲染，因为它有一个高度。我无法告诉你问题出在哪里的实际机制。正如我当然所有我的divs是明确的：两者;溢出：隐藏（除非它们是浮动的）。希望这有助于一点。 – 2012-02-23 14:29:07

您尚未清除页脚列表中的float。 Clear it与overflow: hidden;在这样的注脚：

#footer { 
    overflow: hidden; 
}

来源

2012-02-23 14:11:24 Jona

伟大的工作表示感谢。你通常不清楚漂浮物：两者;寿？ – RSM 2012-02-23 14:12:36

@RyanMurphy是的，它的工作原理也是如此，但有时候你不得不添加不必要的HTML标记来应用'clear'。通过用'overflow'属性清除，你可以避免这种情况。 :) – Jona 2012-02-23 14:19:54

页脚没有被正确清除。与像这样一个clearfix试试：

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

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

来源

2012-02-23 14:16:14

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

换句话说，设置overflow: hidden不能单独修复它，它只是对页脚的其余部分进行排序。删除height: 200px以及它的工作。

来源

2012-02-23 14:17:10 Supr

页脚不会一直走到底部

回答

相关问题