【问题标题】:Footer position at bottom of page(CSS and HTML problems页面底部的页脚位置(CSS 和 HTML 问题
【发布时间】:2016-06-13 06:49:56
【问题描述】:
Stacked Footer and Header
如图所示,页脚和页眉混合在一起。我试过用
并且只是
但看起来完全一样。
关于定位页脚有一些问题,但他们的 CSS 版本真的很旧,所以我不能很好地编辑我的页脚 CSS。
如果页眉下的正文几乎填满整个页面并让页脚跟随它,它可以工作,但如果根本没有内容,我如何将页脚固定到页面底部?
谢谢。
【问题讨论】:
标签:
html
css
header
footer
fixed
【解决方案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>