使用flex固定footer，首先设置body的display为flex，将第一个box设置flex：1，使第一个box自动填充空白区域，不会使得footer因内容不够充满整个容器而浮动在中间区域
Paste_Image.png
Paste_Image.png
使用min-height填充空白区域，使footer在底部，首先要设置body，html的高度为100%
使用min-height来使得con区域的高度最小为95%，如果内容填充后高度大于95%，这时div会随内容高度增多而自适应高度，同时当内容高度小于95%时，div也不会因为内容高度不够95%而缩小高度，同样footer还是依然保持在底部
con的div高度min-height：95%；footer的div的height：5%；
Paste_Image.png
Paste_Image.png
Paste_Image.png
Paste_Image.png
