html自适应内容的高度，底部一直在页面的底部

HTML

只放body部分里面的内容：

    


        
-这里放你的页面内容-

    



-底部内容-

css

html,body{height:100% ;margin:0}

.box{min-height:100%;height:auto;}

/*这里很关键*/

.box-wrap{padding-bottom:80px}

.footer{height:80px;margin-top:80px;}

不管你的内容高度是多少，底部的内容一直在页面的最下面了