<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的宽度设置为
0;
,就可以解决
<div class="box"> <div class="a"></div> <div class="b"></div> </div>
.box { display: flex;} .b { flex: 1; } .a {width: 100px;}
0;
,就可以解决