css之定位详解

position:static|relative|absolute|fixed

1、static：无特殊定位，对象遵循正常文档流。TRBL(top，right，bottom，left)等属性不会被应用，不能用z-index来进行层次分离。                           

2、relative:相对定位，对象遵循正常文档流，但将依据TRBL等属性在正常文档流中偏移位置。而其层叠通过z-index属性定义。该定位是相对于同级元素进行定位而非父元素，若前面存在同级容器，则不能用TRBL来定位，需通过设置margin来进行定位，若无则能使用TRBL来定位。

3、absolute:绝对定位，对象脱离正常的文档流，使用top，right，bottom，left等属性进行绝对定位。而其层叠通过z-index属性定义。该定位是相对于父元素(已定位)来定位，若不存在已定位的父元素，则当前元素的TRBL是以body坐标原点进行定位，若存在已定位的父元素，则当前元素根据最近一个已定位的父元素来设置TRBL来定位。

4、static:固定定位，对象脱离正常文档流，使用top，right，bottom，left等属性以窗口为参考点进行定位。而其层叠通过z-index属性定义。