使用flex固定footer央拖，首先設(shè)置body的display為flex祭阀，將第一個box設(shè)置flex：1，使第一個box自動填充空白區(qū)域鲜戒，不會使得footer因內(nèi)容不夠充滿整個容器而浮動在中間區(qū)域
Paste_Image.png
Paste_Image.png
使用min-height填充空白區(qū)域专控，使footer在底部，首先要設(shè)置body袍啡，html的高度為100%
使用min-height來使得con區(qū)域的高度最小為95%踩官，如果內(nèi)容填充后高度大于95%，這時div會隨內(nèi)容高度增多而自適應(yīng)高度境输，同時當(dāng)內(nèi)容高度小于95%時蔗牡，div也不會因為內(nèi)容高度不夠95%而縮小高度颖系，同樣footer還是依然保持在底部
con的div高度min-height：95%；footer的div的height：5%辩越；
Paste_Image.png
Paste_Image.png
Paste_Image.png
Paste_Image.png
