position的absolute与fixed，absolute与relative共同点与不同点

absolute与fixed

共同点：

(1) 改变行内元素的呈现方式，display被置为block；

(2) 让元素脱离普通流，不占据空间；

(3) 默认会覆盖到非定位元素上

不同点：

absolute的”根元素“是可以设置的，而fixed的”根元素“固定为浏览器窗口。

当你滚动网页，fixed元素与浏览器窗口之间的距离是不变的。

absolute与relative

不同点：

absolute的没有设position的父级元素就参照浏览器左上角。

relative参照父级元素原始点，无父级参照body

z-index不能定义父子的上下关系，一定是子上父下

元素定位：

absolute、fixed（IE6不支持）、relative、static

1. 所有的定位如果left、top、right、bottom属性都为默认值，则为默认定位
2. absolute定位会脱离文档，浮动起来，多个层重叠可以使用z-index属性改变层叠顺序
3. absolute定位忽略padding，相对位置为相对定位容器的左上角内边框，