关于弹性盒子中 flex: 0 1 auto 的一系列问题

三个参数分别对应的是 flex-grow, flex-shrink 和 flex-basis，默认值为 0 1 auto。

1.flex-grow 属性定义项目的放大比例，默认为 0，即如果存在剩余空间，也不放大。

2.flex-shrink 属性定义了项目的缩小比例，默认为 1，即如果空间不足，该项目将缩小。

3.flex-basis 属性定义了在分配多余空间之前，项目占据的主轴空间（main size）。
因为是弹性盒子，所以调整元素比例是很重要的，如果设置了flex-grow或flex-shrink，那么元素会根据比例相对于缩小和放大
flex-basis就是占据大小