Question

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

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

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

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

大家好日子！：）

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;

}

DEMO ：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; //或者其他的东西 } 它应该下降。

页脚不会到底

4 个答案: