设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效
设置在box中： flex的属性
- flex-direction
- flex-wrap
- flex-flow
- justify-content
- align-items
- align-content
设置在子元素中：
- order： 排列顺序，可以用在指定位置布局
- flex-grow： 默认为0
- flex-shrink： 默认为1
- flex-basis： 属性定义了在分配多余空间之前，项目占据的主轴空间（main size），默认为auto（项目的本来大小），它可以设为跟width或height属性一样的值（比如350px），则项目将占据固定空间。
- flex： flex-grow, flex-shrink 和 flex-basis的简写，默认值为0 1 auto 该属性有两个快捷值：auto (1 1 auto) 和 none (0 0 auto)。 建议优先使用这个属性，而不是单独写三个分离的属性，因为浏览器会推算相关值。
- align-self： 属性允许单个项目有与其他项目不一样的对齐方式，可覆盖align-items属性。默认值为auto，表示继承父元素的align-items属性，如果没有父元素，则等同于stretch
