1回答

好帮手慕星星

2020-01-04

同学你好，flex-shrink属性指定了 flex 元素的收缩规则，flex 元素仅在默认宽度之和大于容器的时候才会发生收缩，其收缩的大小是依据 flex-shrink 的值。例如：

计算方式：在不设置收缩属性情况下，默认是1:1，那么每个div宽度为100px（大盒子宽度为200）。每个盒子设置基础宽度为120px，那么总共超出了40px。设置了收缩属性后，按照比例计算1*100+5*100=600（总）

box盒子的宽度：120-（40*1/600*100）=113.33

box1盒子的宽度：120-（40*5/600*100）=86.67

浏览器会自动进行伸缩计算显示，不需要我们来计算，了解这样一个计算过程就好。

如果我的回答帮助到了你，欢迎采纳，祝学习愉快~

0