【问题标题】: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>

【讨论】:

    猜你喜欢
    • 2017-10-03
    • 1970-01-01
    • 2012-04-24
    • 1970-01-01
    • 2013-01-04
    • 2013-09-13
    • 2016-12-01
    • 2020-01-02
    • 2012-01-26
    相关资源
    最近更新 更多