页脚不会到底

Question

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

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

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

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

祝大家好日子！ :)

Answer 1

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

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

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

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

Answer 2

使用clear: both;

footer
{
    font-size:small;
    text-align:center;
    height:50px;
    background-color:black;
    clear: both;

}

演示 ： http ： //jsfiddle.net/Sudjy/

Answer 3

或者你可以增加margin-top属性这是我的代码：

  .footer {
background-color: #717164;
margin-top: 50px;  
border: 1px solid black;
float: left;
width:99%;
height: 10%;
position: fixed;
clear: both;
margin-top: 565px;
}

.footer是因为我给了我的页脚div一个你不知道的页脚。

Answer 4

为什么不给页脚一个顶级属性.footer {margin-top：50px; //或其他什么东西}它应该下降。