flex-basis 规定的是子元素的基准值。所以是否溢出的计算与此属性息息相关。flex-basis 规定的范围取决于 box-sizing。这里主要讨论以下 flex-basis 的取值情况:

分析:

主轴上父容器总尺寸为 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