用display实现效果:上面根据内容自适应高度;下面撑满所有,并且超出时候显示滚动条
.container {
display: flex;
flex-direction: column;
height: 100%;
overflow-y: hidden;
}
.top{
flex: 0 0 auto;
margin-bottom: 16px;
}
.bottom{
flex: 1;
min-height: 0;
overflow-y: auto;
}
.container {
display: flex;
flex-direction: column;
height: 100%;
overflow-y: hidden;
}
.top{
flex: 0 0 auto;
margin-bottom: 16px;
}
.bottom{
flex: 1;
min-height: 0;
overflow-y: auto;
}