flex布局 实现局部滚动

在这里插入图片描述
实现 bottom-wrap 区域滚动

.box-wrap {
	display: flex;
	flex-direction: column;
	height: 100vh;    --- 可视区域
}
.top-wrap {
	flex: 0 0 wrap;
}
.bottom-wrap {
	flex: 1;
	overflow-y: auto;
}

套上壳子 里边自由发挥了

版权声明：本文为weixin_43271750原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。