定位（position）

1、static定位(普通流定位) -------------- 默认定位也称为流式布局
2、float定位(浮动定位) 脱离文档流
有两个取值：left(左浮动)和right(右浮动)。
3、relative定位(相对定位) position:relative;
相对本元素的左上角进行定位 不脱离文档流
4、absolute定位(绝对定位)
如果在祖代元素中没有有relative定位的，就默认相对于body进行定位。
5、flex弹性布局display: flex;
flex定位的一些常用属性
1、dispkay:flex;
2、flex-direction: column | column-reverse | row | row-reverse ; 主轴(项目排列)方向
3、justify-content: flex-start | flex-end | center | space-between | space-around; 主轴对齐方式