子元素自适应填充父级高度

1. 初始样式
   
2. 元素结构

<div class="main-box">
    <div class="main-title">标题</div>
    <div class="main-content"></div>
</div>

3. css样式

 /* 父级元素 */
.main-box{
    display: flex;
    flex-flow: column nowrap;
    height: 100vh;
    background-color: #eee;
}
/* 子级元素 */
.main-box .main-content{ 
    background-color: #ccc;
    flex-grow: 1;
    word-break: break-word;
    overflow-y: scroll;
}

4. 实现效果