html - 页脚在底部但不粘

我试图让页脚刷新到页面底部，但不一定是粘性的 - 只是在底部，以防用户向下滚动。

这“有效”，但在页脚出现后底部似乎有一点空白，看起来有点尴尬。有谁知道使用 CSS 将页脚刷新到底部并将其保持在最底部而不使其发粘的最佳方法？

如果您想让我发布我的 html/css，请告诉我。

最佳答案

网上有很多很好的例子。

这是一个据称更新的版本: http://mystrd.at/modern-clean-css-sticky-footer/ ；我没有这方面的经验。

这是已经存在很长时间并被许多人广泛使用的经典版本:

http://www.cssstickyfooter.com/html-code.html (waybackmachine 存档)

这是我自己对第二个链接稍加编辑的版本，我很幸运。

/* Sticky Footer Stuff
 */
html,body { height: 100%; }
#sticky-wrap { min-height: 100%; }
.footer {
     height: 160px;
     margin-top: -160px;
}
/* end sticky footer stuff
 */


<div class="wrapper" id="sticky-wrap">
     <div class="content-area”>
     </div>
</div>
<footer>
</footer>

关于html - 页脚在底部但不粘，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/26770748/