父级display: flex; 子级flex: 1; ==>子级自动占据剩余位置
<div style="display: flex;height: calc(100% - 30px)">
<div style="flex: 1">
<div style="height: 100%">
</div>
</div>
</div>
父级display: flex; 子级flex: 1; ==>子级自动占据剩余位置
<div style="display: flex;height: calc(100% - 30px)">
<div style="flex: 1">
<div style="height: 100%">
</div>
</div>
</div>