Flex 容器布局

flex : none | flex-grow | flex-shrink | flex-basis

flex:1 =>  1  1 0%

flex:auto => 1 1 auto

flex:none => 0 0 auto

flex:0 auto => 0 1 auto (default)

flex:initial => 0 1 auto(default)

flex-grow: 扩展比率 默认值0 （不扩展）

flex-shrink:收缩比率默认值

flex-basis:会覆盖width值（弹性盒对象元素有效）

min-width | max-width 优先级高于flex-basis

flex-grow  执行过程