如何使用CSS将页脚粘贴到页面底部?

时间:2013-01-04 02:23:53

标签: html css footer

  

可能重复:
  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/

提前致谢。 : - )

2 个答案:

答案 0 :(得分:0)

分配页脚时:绝对;底部:0;这意味着它在你的容器外面。要解决这个问题,请将页脚放在任何容器div或section标签内。

答案 1 :(得分:-1)

position:absolute更改为position:fixed 绝对位置将元素从正常的内容流中取出,而固定则执行此操作并将其粘贴到页面