Flex-direction: column/ row 里面子元素排列是竖像还是横向
Flex-wrap： nowrap / wrap / wrap-reverse 确定一行多元素是否换行
flex-flow ： 两个元素，分别是上面两个的组合，第一个数值为flex-direction，第二个为flex-wrap。
Justify-conten：center、flex-start、flex-end 、space-between、spac-around 在主轴上元素对齐方式
align-items：center、flex-start、flex-end 、stretch、baseline（元素内第一行文字对齐） 元素在交叉轴对齐方式
元素属性：
flex-grow： 0 1 当背景空间足够大，元素是否需要放大比例
flex-shrink：0 1 当背景空间不够大，元素是否需要缩小比例
flex-basis ：100px，支持px
Flex：上面三个缩写
Order： 数字越大排序越靠后
-------------------------------------------------------------------------------------------
相对定位：相对于自己的原来的位置定位的
绝对定位：是相对自己最近的已定位（带有display）的父级元素进行定位
Position：relative、absolute， 相对定位、绝对定位