html - 页面底部的页脚位置(CSS 和 HTML 问题

Question

Stacked Footer and Header

如图所示，页脚和页眉混合在一起。我试过使用 只是 但是看起来完全一样。有几个关于定位页脚的问题，但他们的 CSS 版本真的很旧，所以我无法找到编辑我的页脚 CSS 的地方。如果页眉下的正文几乎填满整个页面并让页脚跟随它，它会起作用，但如果根本没有内容，我如何将页脚固定到页面底部？谢谢。

Answer 1

使用 css 将其固定到屏幕底部。

#footer {
    position: fixed;
    bottom: 0px;
}
<div id="footer"></div>

无需更改页脚。这只是一个示例，因为我不知道您的实际代码。

更多例子:

<div style="position:fixed;bottom:0px;"></div>
<footer style="position:fixed;bottom:0px;"></footer>