可以设置外层自适应高度的容器为
flex布局，利用
flex-basis属性即可实现自动填满剩余高度；代码如下：
.container{display: flex;flex-flow: column nowrap;height: 500px;border: 2px dashed orange;}.area1 {flex-basis: 300px;background-color: lightblue}.area2 {flex: 1;background-color: darkcyan;}<section class="container"><div class="area1">300px</div><div class="area2">other</div></section>
在线demo
