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;
}

套上壳子 里边自由发挥了