CSS3的子元素属性flex的测试理解

auto：计算值为 1 1 auto //可伸可缩，最大沾满空间，最小包裹元素(auto到底是遵循最大还是最小？)

initial：计算值为 0 1 auto //禁止伸，允许缩，但最小包裹元素，此项在横向排列时无效(相当于子元素float之后的禁止伸、再缩小也是包裹元素，在纵向排列时才可以有效体现超出元素部分的缩小)
none：计算值为 0 0 auto // 禁止伸，禁止缩，包裹元素即可，相当于行内元素，或者float之后的子元素样式，只是不需要clear了。
inherit：从父元素继承 //看父容器的flex,默认为包裹元素。
非负数：所有子元素的flex数字之和(sum)为分母，此flex属性值的数字为分子。

……分开写的理解
[ flex-grow ]：定义弹性盒子元素的扩展比率。//允许伸展(多余空间按定义的数字比例分配后填满)。
[ flex-shrink ]：定义弹性盒子元素的收缩比率。//对于flex为非负数字的默认值都为1,也就是允许缩，但缩小底线为包裹内容，及* 1 auto;
[ flex-basis ]：定义弹性盒子元素的默认基准值。//一般可以不用它
最常用的应该是：
flex:auto;等同于flex:1 1 auto;//自动填满、平均分配。