参考答案
结论：flex-grow和flex-shrink是flex item的伸缩属性，分别控制容器空间有剩余时的放大比例与空间不足时的缩小比例。核心要点：1. flex-grow：默认0不放大；若值为正，按数值比例分配剩余空间，如item1:1、item2:2则剩余空间按1:2分配；2. flex-shrink：默认1，空间不足时收缩，收缩权重=shrink * flex-basis（或宽度），溢出量按权重比例分摊；3. 计算示例：容器宽300，两item基准各200，溢出100，若shrink均为1则各缩50；若其一shrink为2则缩更多；4. 对比：grow处理多余，shrink处理溢出，配合flex-basis定义初始大小。示例：.a{flex:1 1 0;} .b{flex:2 1 0;} 剩余空间a:b=1:2。