粘性页脚的问题

【问题标题】：Trouble with sticky footer粘性页脚的问题
【发布时间】：2018-05-14 21:06:56
【问题描述】：

我似乎无法让我的粘性页脚工作。经过一番研究，我的理解是页脚的父元素需要设置为位置：相对。然后页脚应该设置为位置：绝对底部：0。我已经这样做了，它看起来很好全屏。但是当浏览器被调整为更小时，页脚位于页面的中间。有什么建议吗？我一直在寻找大约一个小时没有运气。谢谢！

编辑：澄清一下，我希望页脚只有在您滚动到页面底部或整个页面都在视图中时才可见。并非始终在页面上持续存在（位置：固定。）

(Please see the codepen link below)

【问题讨论】：

【解决方案1】：

您需要为总体 div/body 设置一个 min-height: 100%;。您还需要将padding 添加到在页脚之前关闭的div 中，即.content-area，这样footer 就不会在屏幕高度较小时覆盖您的内容。

【讨论】：