- 移除多余的flex项目，只留下三个。
- 在flex容器中剩余空间可以通过
flex-grow分配给项目。 box three的flex-grow设置为1，使其接收所有剩余空间。- 修改
box two的flex-grow为2，box three为3，使剩余空间按照2:3的比例分配。 - 使用
flex-basis可以设置flex项目的初始大小，默认值是auto，根据项目的width和height属性确定尺寸。 flex-basis还可以设定为特定宽度值，如110像素，代表项目基础尺寸。- 当flex容器的
flex-wrap设置为wrap，超出行的项目会移到新行。 - 改为
no-wrap使所有项目在同一行显示，且基础尺寸都是110像素。 - 当空间不足时，
flex-shrink决定项目的收缩程度，值越大，收缩越多。 - 先将box的
flex-shrink统一设为1，然后将box two的flex-shrink设为5，会发现它收缩最多。 - 使用开发者工具调整容器宽度可以观察到项目尺寸的变化。