实现一个上下固定，中间自动填满的布局

实现一个上下固定，中间自动填满的布局

利用flex布局，flex-direction:column 定义排列方向为竖排
header footer 定高，中间部分flex:1; 一样可以实现
需要注意的是body和container容器需要设置高度100%;