使用flex布局，解决footer置底问题

建站日志No Comments
<body>
   <div class="header"></div>
　　<div id="main"></div>
　　<div class="footer"></div>
</body>

footer的flex设为0，这样footer获得其固有的高度;

div#main的flex设为1，这样它会充满除去footer的其他部分。

body { 
    display: flex; 
    flex-flow: column; 
    min-height: 100vh;
 }
#main {
    flex: 1; 
}
.footer{
    flex: 0;      
}