页脚不会到底(Footer won't go to the bottom)

页脚不会到底(Footer won't go to the bottom)

我需要一些快速帮助。 我的页脚根本不会在网站的末尾停下来。 它在包装器内部等等。 我根本找不到错误（长时间查看相同的代码）

我已将代码放入Jsfiddle： http ： //jsfiddle.net/heNuB/

不介意其他代码，我用背景颜色标记了页脚：黑色; 所以你可以看到页脚试图去的地方。 它试图让我的3个盒子“落后”。

希望你们中的一些人有时间研究它。 我知道这有点像一个无聊的问题。

祝大家好日子！ :)

I need some quick help. My footer simply won't go down at the end of the site. It's inside the wrapper and so on. I simply can't find the error (looking at the same code to long time)

I've put the code into Jsfiddle: http://jsfiddle.net/heNuB/

Don't mind the other codes, I've marked the footer with background-color:black; so you can see where the footer is trying to go. It's trying to get in "behind" my 3 boxes.

Hope some of you have the time to look into it. I know that it's a bit of a noobish problem.

Good day to you all! :)

最满意答案

在页脚前面放一个清除div，它应该到底部。

<div style="clear: both"></div>

你漂浮的盒子正在推过主包装盒。

供参考： http ： //www.quirksmode.org/css/clearing.html

Put a clearing div right before the footer and it should go to the bottom.

<div style="clear: both"></div>

Your floated boxes are pushing past the main wrapper.

For reference: http://www.quirksmode.org/css/clearing.html