css盒子模型，绝对定位和相对定位

position：absolute | relative | fixed | static | inherit

absolute：绝对定位；相对于除了static定位以外的第一个父元素进行定位；

relative：相对定位；生成相对定位的元素，相对于其正常位置进行定位。

fixed：固定定位；生成绝对定位的元素，相对于浏览器窗口进行定位。

static：默认值；

inherit：继承

 

绝对定位：

相对于元素最近的已经定位的祖先元素定位，如果没有，则相对于body进行定位；

已经脱离文档流，可以通过z-index控制元素的覆盖关系；

绝对定位会隐式改变元素的display类型，同元素设置float：left | right;时一样，都会隐式将元素的display设置为inline-block；

但是float在IE6下的双边距bug就是用display:inline; 来解决的。

相对定位：

相对定位是相对于元素在文档中的初始位置；

在使用相对定位时，无论是否进行移动，元素仍然占据原来的空间，移动元素会导致它覆盖其它框。

position:relative不会隐式改变display的类型。