如何讓div中的子類div的高度和父類高度一樣

在默認情況下（沒有設置浮動或定位時），子級div元素本身寬度就是佔滿父級寬度的100%的。
如果還希望讓子級div的高度佔滿父級，那麼爲子級div增加“height: 100%”的樣式即可

注意:（前提是你的父級div存在固定高度）

 

<row style="height: 300px">
    <i-col span="10"  style="display: flex;justify-content:center;align-items: center;height: 100%">
        <div style="margin:30px auto;">
            <img style="height: 50px;width: 50px" src="/static/modules/index/images/soldier.png" alt="">
        </div>
    </i-col>
    <i-col span="14"  style="display: flex;flex-direction: column;justify-content:center;height: 100%">
        <div>
            選擇日期:
        </div>
        <div>
            選擇日期:
        </div>
        <div>
            選擇日期:
        </div>
    </i-col>
</row>

應用場景,此功能主要是用來控制,所有的元素統一垂直居中