css sticky footer布局

 最近在写项目的时候发现，在网页布局的时候，底部要标注出处等一些内容，但是就是这样一个简单的问题，却出现了一些解决不了的东西，比如说，在页面里面内容不多时，底部会紧跟在上一个部分下面，但是如果页面过长时，底部却会挡住一部分的内容，在网上翻阅了一些资料资料后，发现可以用几行代码就可以解决这个问题了。

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

   就是这简单的几行代码，就可以解决这个尴尬的问题了。