首先来看第一个属性
1 order指定子元素的顺序
看效果（很明显 第一个盒子跑到了第五个盒子的位置上，剩下的盒子 会依次跟进）
2{flex-grow: 2 子元素的延伸比例
效果（他会占据两个盒子的宽度）
3 flex-shrink: 2收缩比 正好与延伸比相反
4 flex-basis: 200px （子项目的基本宽度）
效果
5 align-self:子元素垂直对齐
auto 默认效果
lex-start 我们先把高度都去掉
给第一个盒子值
效果
flex-end （会在下方对齐）
center （ 中间对齐）
stretch （跟所有的盒子一样）
