[CSS] flex布局使网站内容满版

使用网页时，我们通常会希望中间层的内容可以满版，让底下可以靠在画面的最下方，此时可以使用flex对画面进行修正，让中间层在放大时，自动扩增。

<div class="frame">  <div class="top">标题</div>  <div class="content">内容</div>  <div class="footer">页尾</div></div>

.frame {    display:flex; //设定flex    flex-flow:column; //转成col    height:100vh; //设定至该视窗最大高度    .top{        ...    }    .content  {        flex-grow:1; //自动延伸    }    .footer {        ...    }}