html - 使页脚贴在底部

Question

所以我试图让页脚像这样 http://cleanstickyfooter.herokuapp.com/粘在页面底部

（缩小，页脚仍然停留在底部）

我怎样才能做到这一点？

这是我做的一个测试，请帮助我理解我需要做什么，因为页脚没有停留在底部。 http://trulyamped.com/responr/Responr.html

Answer 1

这很容易使用固定定位来实现：

.body .mainfooter {
    height: auto;
    margin-top: 0;
    margin-bottom: 0;
    position: fixed;
    bottom: 0;
}

Answer 2

    <div id='footer'>...</div> // if we say that this is the footer div 

    <style type='text/css'>
    #footer{
    display:block;
    position:fixed;
    bottom:0px;
    height:70px;

    }
   </style>