Question

flex 的三个参数 flex:1 0 auto

Answer 1

flex :flex-group flex-shirk flex-basis

① flex-group 剩余空间索取
默认值为0，不索取
eg:父元素400，子元素A为100px，B为200px.则剩余空间为100
此时A的flex-group为1，B为2，
则A=100px+100 1/3; B=200px+100 2/3

② flex-shrik 子元素总宽度大于复制元素如何缩小
父400px,A 200px B 300px
AB总宽度超出父元素100px;
如果A不减少，则flex-shink ：0,B减少；

② flex-basis
该属性用来设置元素的宽度，当然width也可以用来设置元素的宽度，如果设置了width和flex-basis，那么flex-basis会覆盖width值。