flex弹性布局 以及 定位

flex-direction：决定元素的排列方向

flex-wrap：决定元素如何换行

flex-flow：是 flex-direction 和 flex-wrap 的简写

justify-content：元素在主轴上的对齐方式

align-items：元素在交叉轴上的对齐方式

flex-grow：当有多余空间时，元素的放大比例

flex-shrink：当空间不足时，元素的缩小比例

flex-basis：元素在主轴上占据的空间

flex：是grow、shrink、basis的排列顺序

align-self：定义元素自身的对齐方式

相对定位：相对定位的元素是相对自身进行定位，参照物是自己。

绝对定位：绝对定位的元素是相对离它最近的一个已定位的父级元素进行定位。