描述思路,代码就不写了,
html代码结构
div.flex-box>div.header+div.body+div.footer
最外层盒子 设置
.flex-box{
display:flex;
flex-direction: column;
justify-content: space-between;
}
.flex-box .header{
height:50px
}
.flex-box .body{
flex:1;
overflow-y: scroll;
}
.flex-box .footer{
height:50px
}