给html,body设置min-height 没有作用？

Question

当网页内容区content东西很少时，footer就会跑到上边来？我给body,html设min-height:100%;没有作用，设置height：100%；就好了，但是内容多了就在一屏下？body,html{min-height:100%;}body{position:relative;}.content{podding-bottom:100px;}.footer{position:absolute;bottom:0;left:0;height:100px;}

Answer 1

这样写：
html{
height:100%;
}
body{
position:relative;
min-height:100%;
box-sizing:border-box;
padding-bottom:80px;/*.footer的高度，为footer占位*/
}
.footer{
position:absolute;
bottom:0;
left:0;
width:100%;
height:80px;
}
上面的代码兼容到IE8及以上
                            

Answer 2

我也遇到过这样的问题，我就这样解决的了：
html,body，.content{
min-height:100%;
}
html{
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%;
}
body{
background:#eeeeee;
}
然后用js控制让$(".content").height($("html").height);我感觉这个调整比较可靠一点的