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添加到页脚上方的包装器。它在页脚下方留下空白区域，将页脚推到底部。