平时在项目布局中总会遇到flex布局，常用的有flex:1 1 auto (用来补全剩余的空间)，那么flex其他的应用呢？
一、首先，先明白flex: 参数1 参数2 参数3代表的函数
参数1代表定义项目的放大比例，默认为0，即如果存在剩余空间，也不放大
参数2代表属性定义了项目的缩小比例，默认为1，即如果空间不足，该项目将缩小
参数3属性定义了在分配多余空间之前，项目占据的主轴空间（main size）。
二、用来进行等比分配空间
小结：
1、flex:1 1 auto ; 用来补全剩余空间
2、项目中依次给设置flex:1 ; flex:2; flex:3; 用来给项目进行按比例1:2:3分配空间大小。
3、flex:0 0 auto; 用来保持元素本身的大小，不扩大也不缩小。