flex布局中flex:1和flex:auto的区别

一：首先flex 是复合属性 是添加给子元素的

那咱们先来看flex 中的各个参数：

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

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

（3）flex-basis 属性定义了在分配多余空间之前 项目占据的主轴空间（相当于我们设置的width）