主轴上父容器总尺寸为 600px 子元素的总基准值是:0% + auto + 200px = 300px,其中:
- 0% 即 0 宽度 - auto 对应取主尺寸即 100px
故剩余空间为 600px - 300px = 300px 伸缩放大系数之和为: 2 + 2 + 1 = 5剩余空间分配如下:
- item-1 和 item-2 各分配 2/5,各得 120px - item-3 分配 1/5,得 60px
各项目最终宽度为:
- item-1 = 0% + 120px = 120px - item-2 = auto + 120px = 220px - item-3 = 200px + 60px = 260px