使用弹性布局 flex实现顶部固定,内容滚动

描述思路,代码就不写了,
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
}

你可能感兴趣的:(移动端开发,html,css,flex,js,javascript)