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

时间:2016-03-01 01:18:14

标签: html css header footer fixed

two_column_match_row_match

如图所示,页脚和标题混合在一起。我试过用       只是      但看起来完全一样。 有一些关于定位页脚的问题,但他们的CSS版本真的很旧,所以我不能很好地编辑我的Footer CSS。 它可以工作,如果标题下的正文填满了几乎整个页面并让页脚在它之后,但如果根本没有内容,我如何将页脚固定到页面底部? 谢谢。

1 个答案:

答案 0 :(得分: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>