CSS Flex-Grow属性是一个弹性布局中的属性，它可以控制项目的扩展比例。它可以让元素按照一定的比例来扩展，从而让容器的内容能够更好的适应容器的大小。
使用方法
Flex-Grow属性的值是一个数字，它可以控制元素的扩展比例。如果一个元素的Flex-Grow属性值为2，而另一个元素的Flex-Grow属性值为1，那么前者会比后者扩展两倍。
.container {
display: flex;
}
.item1 {
flex-grow: 2;
}
.item2 {
flex-grow: 1;
}
上面的代码中，我们定义了一个容器，它里面有两个元素，item1和item2，我们为它们设置了Flex-Grow属性，item1的Flex-Grow属性值为2，item2的Flex-Grow属性值为1，这样item1就会比item2扩展两倍。
注意事项
- Flex-Grow属性值必须是正数，否则无效。
- Flex-Grow属性值的大小决定了元素的扩展比例，但不会影响元素的大小。
- 如果容器里的所有元素的Flex-Grow属性值都一样，那么它们会按照相同的比例扩展。