html - 自动 CSS 高度

Question

我的网站页脚有问题。应该是，它在页面内容之后呈现，但是当页面内容小于浏览器的高度时，在页面中间看到它很烦人。

我正在纠正这种行为，手动将页脚设置为position:absolute; bottom:0，但是这样做会在内容大于浏览器高度时破坏页脚。有什么办法可以自动化吗？

内容只是一个 div，没有附加样式，通常页脚是position:relative; bottom:0. 该网站可以在这里看到：http: //vestibulandos.oplex.com.br

谢谢。

Answer 1

看看http://www.cssstickyfooter.com/

Answer 2

.wrapper {
margin: 0 auto -60px; /* the bottom margin is the negative value of the footer's height */
 }
 
/* FOOTER BOTTOM --------------------------------------------------------*/
 
.footer, .push {
    height: 60px; /* .push must be the same height as .footer */
}
 
#footer{
    position: relative;
    width: 100%;
    height: 60px;
}