默认情况 - flex-grow: 0;
div1:宽100px
div2: 宽100px
item1:flex-grow: 1;
div1: 宽400px
div2: 宽100px
设置 item1 的 flex-grow 为1,且 item2 的 flex-grow 为3
注意:300为剩余空间
div1宽: 100 + 300/4 = 175px
div2宽: 100 + 300/4*3 = 325px
如果子元素的宽度的总和超过父容器,flex-grow 将不生效。
父容器总宽度为 500px,现在为每个item的宽设置为300px
div1: 宽250px
div2: 宽250px
让子元素完整显示在父容器内,设置flex-wrap
div1: 宽250px
div2: 宽250px