前端经典布局：Sticky footer 布局-----flex布局方式

html代码：

body {

display: flex; 
flex-flow: column; 
min-height: 100vh;

}
.content {

flex: 1; 

}
.footer{

flex: 0;      

}
这种方法就是利用flex布局对视窗高度进行分割。footer的flex设为0，这样footer获得其固有的高度;content的flex设为1，这样它会充满除去footer的其他部分。

参考文章：https://segmentfault.com/a/1190000015123189