参考答案
结论：flex:1 是 flex-grow:1; flex-shrink:1; flex-basis:0% 的简写。核心要点：flex-grow为1表示剩余空间分配权重为1；flex-shrink为1表示空间不足时等比例收缩；flex-basis为0%表示初始主轴尺寸为0，项目大小完全由grow分配。展开：在容器display:flex下，子项设置flex:1会均分剩余空间；若同时有多个子项flex:1则等分；若有的flex:2则按2:1分配。注意flex:1与flex:auto（basis为auto）区别：auto以内容长度为基准，1以0为基准更易均分。