HTML / CSS中的粘页脚，显示问题

Question

我正在一个网站上工作并试图将页脚粘到底部，因为很多页面的长度不足以将页脚推到底部。

我已应用此技术： http ： //mystrd.at/modern-clean-css-sticky-footer/

我的页面可以在这里查看： https : //jsfiddle.net/cgLf0oLa/

我认为此CSS输入非常重要：

html    {
    position: relative;
    min-height: 100%;
}
body    {
    margin: 0 0 400px;
}

但是，我遇到了麻烦。 页脚正在其他内容的顶部呈现，我不知道如何使其适应内容大小。 非常感谢帮助。

亲切的问候，

克莱门斯

Answer 1

尝试添加:after ，高度等于页脚的高度与页脚上方的包装。 它在页脚下方留下空白区域，将页脚推到底部。