使用absolute和relative设置页脚的不同？

Question

css.footer{height:70px;width:100%;background-color:#f7f7f7;border-top:1pxsolid#dbdada;position:absolute;bottom:0;left:0;}如果设置div.footer设置为absolute的会固定死一屏的底部，如果设置div.footershe设置relative的话，页面内容很少不到一屏，页脚就不在页面的底部了，如何二者兼得？

Answer 1

直接上代码吧。
header

Answer 2

结构：(伪代码)
slimbody
.content-container
.footer
样式：
scsshtml,body{
height:100%;
}
.content-container{
min-height:100%;
margin-bottom:-70px;
padding-bottom:70px;
box-sizing:border-box;
}
.footer{
height:70px;
}
注：以上只写了必要的代码，你可以按需添加别的代码