flex-grow 属性定义了一个项目在父容器中分配额外空间的能力。当父容器有多余空间时，flex-grow 属性决定了项目如何分配这些额外空间。
语法
flex-grow: <number>;
<number>：一个非负数字，表示项目的相对增长比例。默认值为 0。
值
- 当设置为 0 时，项目不会增长，即不会占用额外空间。
- 当设置为一个正整数时，项目将按照这个数值的比例分配额外空间。例如，如果一个项目的
flex-grow设置为 2，另一个项目的flex-grow设置为 1，则前者将会占用后者两倍的额外空间。
示例
-- -------------------- ---- ------- ---------- - -------- ----- - ----- - ---------- -- - ------------------ - ---------- -- -
在上面的示例中，.item:nth-child(2) 的 flex-grow 值为 2，所以它将会占用比其他项目更多的额外空间。