flex 布局 子元素会撑开父元素处理

<div class="box">
    <div class="a"></div>
    <div class="b"></div>
</div>

.box { display: flex;}
.b { flex: 1; }
.a {width: 100px;}

1. 正常两栏布局，但如果b得子元素太宽，会撑开b，导致a的宽度被挤小
2. 将b的宽度设置为width: 0;，就可以解决