flex实现等分布局

```js
.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>
```