如何在页面底部设置页脚并在内容增加时向下推?

时间:2016-01-07 12:39:29

标签: html5 css3 footer

我想设计一个页脚,当身体内容较少时,它应该位于网页的底部,如果身体的内容达到页脚,则应该向下推。
如果我喜欢这个

 footer{
   position: absolute;
   bottom: 0;
   width: 100%;
 }

如果身体含量增加,它不会下降。我怎么能这样做?
请帮我。提前谢谢。

2 个答案:

答案 0 :(得分:3)

这是一个有效的jsfiddle

您可以使用与页脚高度相同的padding-bottom:来实现效果:

#body {
   padding:10px;
   padding-bottom:60px;
}

答案 1 :(得分:0)

将您的职位更改为" relative"。当你使用"绝对"你把它固定到一个特定的位置,在这种情况下是在启动屏幕的底部。使用relative将页脚相对于页面上的其他元素定位。如果其他元素改变了它们的位置,则页脚也是如此。