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