前端CSS：flex-basis和width的相爱相杀（区别）

总结

flex-basis是什么：给grow、shrink分配多余空间之前, 计算项目是否有多余空间，给予元素一个初始值宽度

flex的默认值为 0 1 auto（不放大、缩小、默认auto元素自己宽度）

flex: 1 表示：flex: 1 1 0%（第三个值flex-basis会默认添加单位）

使用flex-basis：width失效，前者优先级高（MDN）

min-width 和 max-width 对flex-basis有效

每个item的宽度计算公式是： 自身的基础宽度 + 容器剩余宽度 *（自己的伸缩比例 / 所有子项伸缩比例之和）

根据MDN修正
flex: number单值语法
如果这个Number无单位，则表示flex: 1 1 0，应用到flex-grow上
如果有单位，则只代表设置了flex-basis