css之div未知高度，剩餘div鋪滿整個屏幕

<div id="content">
            <div class="title">
            title1
            </div>
             <div class="title">
            title2
            </div>
             <div class="title">
            title3
            </div>
            <div id="article"></div>
</div>

當咱們不知道class爲title的div中內容有多高的時候，可是須要讓article鋪滿剩餘屏幕的時候，須要將content變爲彈性盒，具體代碼以下

.content{
display: flex;
flex-direction:column;
}
#article{
flex: 1
}

這樣就能夠了