.l-layout {
display: flex;
flex-direction: column;
height: 100%;
.l-header {
height: 60px;
}
.l-content {
flex-grow: 1;
overflow: auto;
height: 0; //纵向需要滚动条的话
//width: 0;//横向需要滚动条的话
}
}<div class="l-layout">
<div class="l-header">header</div>
<div class="l-content">
<div style="height: 1000px">content</div>
</div>
</div>
