将页脚固定到浏览器的底部

Question

即使在垂直滚动时，我们还能以任何方式将页脚固定到窗口的底部。我已经看过一些例子，但那些从不使用垂直滚动。

Answer 1

查看sample及其google code base

Answer 2

您可以将bottom属性设置为0.示例：

.footer
{
    background-color:#FFFACD;
    bottom:0;
    position:fixed;
    z-index:250px; 
}

Answer 3

这是你的css

html, body {height:100%;padding:0;margin:0;}
#footer {position:absolute;bottom:0;left:0;width:100%;background-color:#f00;}
#scrollingbody {overflow:auto;height:100%;}

这是你的HTML

<div id="scrollingbody">content goes here</div>
<div id="footer">here is footer</div>