0

我无法将页脚固定在页面底部。这可能只是我忘记的一句话，我过去曾多次这样做，所以我确信这只是一个愚蠢的错误。我已经清理了页面，以便您更容易地告诉我我忘记了什么。当内容没有通过它时它工作正常，删除<br />内容代码中的一些 s，你会看到它完成了留在底部的工作。

http://jsfiddle.net/MS4KJ/

#footer{
    position:absolute; 
    bottom:0px;
    width:100%;
    background-color:#aaa;
    color:#fff;
    text-align:center;
    height: 100px;
    left:0px;
}

谢谢！

4

2 回答 2

0

将其更改为：

#footer{
    position: relative; 
    bottom:0px;
    width:100%;
    background-color:#aaa;
    color:#fff;
    text-align:center;
    height: 100px;
    left:0px;
}

否则，选择最大高度并min-height为#content.

#content {min-height: 350px;}
于 2013-02-21T12:28:42.060 回答
0

你应该使用：

position: relative;

或者如果您想要粘性页脚，请查看以下内容：使 CSS 页脚位于浏览器窗口的底部或内容的底部

和这个网站：http ://ryanfait.com/sticky-footer/

编辑：

尝试将 body padding 设置为 0px 并将页脚边距设置为 0px 并删除页脚 left: 0px。那应该删除页脚周围的空白。看看这个： http: //meyerweb.com/eric/tools/css/reset/

于 2013-02-21T12:33:18.643 回答