关于position：absolute、relative及fixed浅析

Absolute：

绝对定位。依据离其最近的设定了position定位的祖父辈元素进行绝对定位。如果祖父辈元素都没设定position定位，则默认依据body元素进行定位。

备注：Position的默认值为static，也就是正常定位。则上面所说的设定的position定位意思为设定了absolute、relative及fixed的非static定位。absolute是依据设定了非static的祖父辈元素进行定位的。

Relative：

相对定位。依据该元素在原文档流中的位置进行定位。

备注：当进行relative定位时，看起来似乎其已经脱离了普通文档流，但实际上依然在普通文档流中占据空间。

Fixed：

固定定位。依据浏览器窗口进行定位，移动轮动条元素位置不变。

备注：其实fixed和absolute很相似，都属于绝对定位，只不过相对于的父容器不同。absolute相对于祖父辈或body元素，而fixed永远相对于浏览器窗口。