flex-grow:

flex-grow 是一个 CSS 属性，用于控制弹性盒子（flexbox）项目在父容器中的分配比例。它定义了项目在剩余空间中所占的比例，可以理解为当所有项目宽度之和小于容器宽度时，根据 flex-grow 的值来分配剩余空间的比例。如果所有项目的 flex-grow 属性值都为 1，则它们将等分剩余空间。

值得注意的是，只有当 flex 容器的尺寸大于所有弹性盒子项目的尺寸之和时，才会出现剩余空间。如果所有项目的 flex-grow 属性都为 0，则它们将不会分配任何剩余空间。