本文介绍了固定页脚的CSS的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我有一个非常基本的HTML页面。代码如下所示:
I have a pretty basic HTML page. The code looks like the following:
<body>
<header style="min-height: 255px;">
</header>
<article style="padding-bottom: 60px; width: 900px; margin: 0 auto;">
Body text goes here.
</article>
<footer style="position: absolute; bottom: 0px; width: 100%; height: 60px; background-color: black;">
Copyright information
</footer>
</body>
通常,我的正文文本相当大。文本足够大,需要滚动条。看起来页脚位于文本顶部的底部。然后,当我向下滚动时,页脚不会保持固定。
Usually, my body text is fairly large. The text is large enough that a scroll bar is required. It looks like the footer sits on top of the text towards the bottom. Then, when I scroll down, the footer doesn't stay fixed. What am I doing wrong?
谢谢
推荐答案
position:fixed;
在您的页脚:
You need position:fixed;
in your footer:
<body>
<header style="min-height: 255px;">
</header>
<article style="padding-bottom: 60px; width: 900px; margin: 0 auto;">
Body text goes here.
</article>
<footer style="position: fixed; bottom: 0px; width: 100%; height: 60px; background-color: black;">
Copyright information
</footer>
</body>
这篇关于固定页脚的CSS的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!