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>

使页脚粘在底部

2 个答案: