在Flex布局中，子项设置width是没有直接效果的
flex:1 === flex:1 1 0%
有三个属性：flex-basis、flex-grow、flex-shrink
flex-basis：根据我自己实验，当元素设置不超过2倍border不影响，继续扩大时，影响其余以及自身元素
1. flex-basis则不会产生此效果：auto 子项的基本尺寸根据其自身的尺寸决定
当子元素设置width时，子元素content小于width则不会有影响，反之内容将会冲破width设置限制。flex-basis则不会产生此效果
当只设置一个值，为1 含义是 1 1 0%。
为100px 含义是basis：100px ，grow shrink ：1。
为0% 含义是1 1 0%
为0 含义是 0 1 0%
