粘性页脚的问题
Trouble with sticky footer
我的粘性页脚似乎无法正常工作。经过一些研究，我的理解是页脚的父元素需要设置为 position: relative。然后页脚应该设置为 position: absolute 和 bottom: 0。我已经做到了，它看起来很好全屏。但是当浏览器被调整为更小时，页脚位于页面的中间。有什么建议吗？我一直在寻找大约一个小时，但没有运气。谢谢！
编辑：澄清一下，我希望页脚仅在您滚动到页面底部或整个页面可见时可见。不会一直停留在页面上（位置：固定。）
(Please see the codepen link below)
您需要将 min-height: 100%; 设置为总体 div/body。您还需要将 padding 添加到 div 关闭页脚之前即 .content-area 以便 footer 不会在屏幕高度较小时覆盖您的内容.
我的粘性页脚似乎无法正常工作。经过一些研究，我的理解是页脚的父元素需要设置为 position: relative。然后页脚应该设置为 position: absolute 和 bottom: 0。我已经做到了，它看起来很好全屏。但是当浏览器被调整为更小时，页脚位于页面的中间。有什么建议吗？我一直在寻找大约一个小时，但没有运气。谢谢！
编辑：澄清一下，我希望页脚仅在您滚动到页面底部或整个页面可见时可见。不会一直停留在页面上（位置：固定。）
(Please see the codepen link below)
您需要将 min-height: 100%; 设置为总体 div/body。您还需要将 padding 添加到 div 关闭页脚之前即 .content-area 以便 footer 不会在屏幕高度较小时覆盖您的内容.