<div class="box">
<div class="a"></div>
<div class="b"></div>
</div>
.box { display: flex;}
.b { flex: 1; }
.a {width: 100px;}
- 正常两栏布局,但如果b得子元素太宽,会撑开b,导致a的宽度被挤小
- 将b的宽度设置为
width: 0;
,就可以解决
<div class="box">
<div class="a"></div>
<div class="b"></div>
</div>
.box { display: flex;}
.b { flex: 1; }
.a {width: 100px;}
width: 0;
,就可以解决转载于:https://my.oschina.net/u/3108430/blog/3094460