html代码：
<body>
<div class="content"></div>
<div class="footer"></div></body>
body {
display: flex;
flex-flow: column;
min-height: 100vh;}
.content {
flex: 1; }
.footer{
flex: 0; }
这种方法就是利用flex布局对视窗高度进行分割。footer的flex设为0，这样footer获得其固有的高度;content的flex设为1，这样它会充满除去footer的其他部分。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用。你还可以使用@来通知其他用户。