display:flex下两个div,导致div宽度发生变化

不想学习只想玩_前端,html,css-CSDN博客

问题描述：
class= 'a’宽度为100，但是b长度被拉伸，导致a宽度不足100

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

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

解决方案：
如果自身高度或者宽度被拉伸了，直接把自己的高度或者宽度设置为0即可