CSS定位机制

1.普通流定位
1.1如果没有特别说明，则HTML元素均为普通流定位，普通流定位是指按照元素在HTML文档中出现的顺序进行定位。
1.2块元素按照在HTML文档中的顺序，逐个堆叠排列。
1.3内联元素按照在HTML文档中的顺序，在一行内从左至右逐个排列。

2.相对定位
2.1使用 position:relative;来指定元素为相对定位。
2.2可以以它在普通流定位中的起点位置为原点，横向和纵向进行偏移。
2.3left属性用于设定横向的偏移值。top属性用于设置纵向的偏移值。

3.绝对定位
3.1使用position:absolute;来设置元素为绝对定位。
3.2绝对定位的元素，将从普通流中取出，不再在普通流中占据空间。以最近的可以定位的元素为基准，进行纵向和横向的偏移。
3.3left属性用于设定横向的偏移值。top属性用于设置纵向的偏移值。

4.浮动定位
4.1使用float:left/right;来设置元素为左浮动或者右浮动。
4.2设置为浮动定位的元素，将从普通流中取出，不再在普通流中占据空间。
4.3左浮动为元素从左至右排列；右浮动为元素从右至左排列。