flex的三个值：flex-grow flex-shrink flex-basis

• flex-grow：默认为0，这意味着flex items不会增长以填充额外的空间。

• flex-shrink：默认为1，这意味着flex items可以缩小以适应容器。

• flex-basis：默认为auto，这意味着flex items的初始大小由其内容决定，也就是由其 width 或 height 决定。

flex: 1等价于同时设置 flex-grow: 1、flex-shrink: 1 和 flex-basis: 0。当多个弹性项目都设置为 flex: 1; 时，它们会平均分配容器中剩余的空间。如果容器空间不足，它们也会按比例缩小。