一共有三种基本定位机制：普通流，浮动和绝对定位。
定位 position
1.相对定位 position: relative;
相对定位是相对自己的原始位置进行定位。
-
仍然占据原来的文档流位置，所以其后的元素的位置不会改变。即不脱离文档流。
2.绝对定位 position: absolute;
相对于已设置 position:relative; 的父元素进行定位。如果没有那样的父元素，则相对于根节点 body。
-
不再占据文档流空间。即脱离文档流。
3.相对于浏览器定位 position: fixed;
相对于浏览器的窗口进行定位。
不再占据文档流空间。即脱离文档流。
4.普通文档流定位 postion: static;
从上至下，从左往右依次排列，块级元素独占一行，行内元素会紧挨着。
就是普通的文档流。
