可能重复:
How do you get the footer to stay at the bottom of a Web page?
我有一个有页脚的网页,但即使我的内容已满,它也不会粘在底部。我正在使用
footer {
position:absolute;
bottom:0px;
}
页脚停留在屏幕的底部,但不在PAGE的底部。您可以在http://thomaswd.com/2013prototype/index.html查看示例。调整浏览器窗口大小以使内容可滚动。 CSS位于http://thomaswd.com/2013prototype/style.css。您还可以在http://thomaswd.com/2013prototype/pricing.html找到另一个示例。 CSS位于http://thomaswd.com/2013prototype/style2.css。我在第二个例子中使用它:http://ryanfait.com/resources/footer-stick-to-bottom-of-page/
提前致谢。 : - )
答案 0 :(得分:0)
分配页脚时:绝对;底部:0;这意味着它在你的容器外面。要解决这个问题,请将页脚放在任何容器div或section标签内。
答案 1 :(得分:-1)
将position:absolute
更改为position:fixed
绝对位置将元素从正常的内容流中取出,而固定则执行此操作并将其粘贴到页面