一、flex布局基礎
二、相對定位和絕對定位
flex的容器和元素
主軸（左-右），交叉軸（上-下）
flex容器屬性詳解
flex-direction 決定元素的排列方向（默認row column）
flex-wrap 決定元素如何換行（排列不下時） （nowrap不換行 wrap換行 wrap-reverse反轉）
flex-flow flex-direction 和flex-wrapde 的簡寫
justify-content 元素在主軸上的對其方式 （flex-start flex-end center space-around space-between）
align-items 元素在交叉軸的對其方式 ( flex-start flex-end center stretch baseline )
flex元素屬性詳解
flex-grow 當有多余空間時，元素的放大比例 默認是1，等比縮小 0，保持不變，不被壓縮 10 壓縮10倍
flex-shrink 當空間不足時，元素的縮小比例
flex-basis 元素在主軸上占據的空間 250px 寫rpx不解析
flex 是grow、shrink、basis的簡寫
order 定義元素的排列順序 order: 4 2 3 1
align-self 定義元素自身的對其方式 align-selft: flex-end;