flex布局时，内容区域自适应高度

页面元素高度固定，中间的元素需要撑满屏幕，或者内容多时显示滚动条时，我们要把父元素设置为height:100vh

　　

.parent{
  display: flex;
  height: 100vh;
}
.header{
  height: 100px;
}
.content{
  flex: 1;
}
.footer{
  height: 100px;
}