参考链接： 前端面试一百问之弹性盒子中 flex: 0 1 auto 表示什么意思
flex属性值可以是单值、双值或者三值。
flex-grow （伸缩系数）：
例如：父级设置：display:flex; 各子级都设置：flex:1那么各子级都占1比例。
flex-shrink（收缩系数）：
当所有元素大小超过容器时候，那么会对元素进行收缩，以便放进容器。数值越大，收缩越多。
flex-basis（初始大小）：
flex:1 1 300px
---对比flex: auto 等同于 flex: 1 1 auto ，它根据元素的 width 或 height 属性调整元素的大小，但是其非常灵活，以便让它们吸收沿主轴的任何额外空间。
---对比flex: none等同于 flex: 0 0 auto 。它根据 width 和 `height 来调节元素大小，但是完全不灵活
