Question

我在使用页脚时遇到问题我无法坚持到页面底部。这可能只是我遗忘的一条线，过去我曾多次这样做过，所以我确定这只是一个愚蠢的错误。我已经清理了页面，所以你更容易告诉我我忘了什么。当内容没有通过它时，它工作正常，删除内容代码中的一些<br />，你会看到它完成了保持在底部的工作。

http://jsfiddle.net/MS4KJ/

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

谢谢！

Answer 1

将其更改为：

#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;}

Answer 2

您应该使用：

position: relative;

或者如果你想要粘性页脚看看这个步骤：Making a CSS footer either sit at the bottom of the browser window or bottom of content

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

编辑：

尝试将体积填充设置为0px，将页脚边距设置为0px，同时删除页脚左侧：0px。那个sholud删除了页脚周围的空白区域。看看这个：http://meyerweb.com/eric/tools/css/reset/

页脚在低分辨率画布上重叠内容

2 个答案: