底部foot元素不用fixed如何避免底部页面空隙

Question

Answer 1

假定：header{height:60px;}footer{height:100px}
那么中间的main-box{min-height:calc(100% - 160px)}

Answer 2

不知道如果不用fixed，footer是不是还要固定在底部？

如果不固定，只是避免空隙的话，可以reset body的padding和margin为0

body, div, dl, dt, dd, ul, ol, li, pre, form, h1, h2, h3, h4, h5, h6, p, input{ padding:0; margin:0; }