如何在底部设置页脚并随着内容的增加向下推？

Question

我想设计一个页脚，当正文内容较少时，它应该在网页底部，如果正文内容达到页脚，则应该向下推。
如果我这样做

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

如果正文内容不会下降increases.How我可以这样做吗？
请帮我。提前致谢。

Answer 1

这是一个有效的 jsfiddle

你可以用padding-bottom:和你的页脚一样的高度来达到效果：

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

Answer 2

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