flex实现等分布局

[I am ne zha / Jeskson]

.box{
            height: 500px;
            display: flex;
}
.box div{
             height: 300px;
             border: 1px solid #000000;
             flex: 1;//这就是flex：1的妙用
}
    div class="box">
        <div>等分效果</div>
        <div>等分效果</div>
    </div>