position

1、相对定位：relative，它通过left,right,top,bottom属性确定元素在正常文档流中的偏移位置，相对定位完成的过程是首先按static(float)方式生成一个元素(并且元素向层一样浮动起来)，然后相对于以前的位置偏移，移动的方向和幅度有left,right,top,bottom属性确定，偏移前的位置保留不动。
特点是：a.相对于自身原有位置进行偏移;
b.仍处于标准文档流中；
c.随即拥有–偏移属性和z-index属性。
2、绝对定位：absolute，将元素从文档流中拖出来，然后使用left,right,top,bottom属性相对于其最近的一个具有定位属性的父包含块进行绝对定位，如果不存在，则相对于body元素，即相对于浏览器窗口。
特点是：a.建立了以包含块为基准的定位；
b.完全脱离了标准文档流；
c.随即拥有–偏移属性和z-index属性。
又分为：(1)设置偏移量：
偏移量参照基准：a)无已定位的祖先元素，以html标签为偏移参照基准;b)有已定位祖先元素，以距其最近的已定位祖先元素为偏移基准。
(2)未设置偏移量:无论是否存在已定位祖先元素，都保持在元素初始位置；脱离了标准文档流。