新！ 我的 44 页电子书“44 分钟内掌握 CSS”已发布！ 😃
#flex-grow
定义弹性盒子项目在有可用空间时应增长多少。
默认 flex-grow: 0;
如果有可用空间，元素不会增长。它只会使用它需要的空间。
flex-grow: 1;
元素将增长1 倍。如果其他弹性盒子项目没有flex-grow值，它将填补剩余空间。
flex-grow: 2;
因为 flex-grow 值是相对的，所以它的行为取决于弹性盒子项目兄弟的值。
在这个例子中，剩余空间被分成3
- 1/3 给绿色项目
- 2/3 给粉色项目
- 黄色项目没有获得任何空间，它保留了它的初始宽度