Question

可能重复：
CSS sticky footer

我的页面包含用户提交内容的内容，页面长度增加。对于粘性页脚的传统设计来说，这是一个问题，因为它们往往会粘在原始位置，最后只是漂浮在页面中间。

是否有人有任何提示或技巧来制作粘性页脚，即使内容放大页面大小，也会将其保持在底部？

提前致谢。

归功于AlienWebguy ...在查看我的网页的结构后，我们发现在标准页脚CSS中添加clear: both修复了它。

Answer 1

编辑：这不是一个真正的“粘性页脚”，但这就解决了OP在这种情况下的问题。对于真正的粘性页脚应用程序try this：

是的，你想要使用这个CSS：

#sticky_footer {
    position:relative;
    clear:both;
    bottom:0;
    height:100px;
    width:100%;
}

像这样使用：

<body>

...
<div id="sticky_footer"></div>
</body>

Answer 2

我在这个粘性页脚实现方面取得了巨大成功：http://ryanfait.com/sticky-footer/