CSS之定位

在页面设计时很多时候用到css定位技术，但是总是觉得一知半解的状态。今天抽出点时间来做个总结，加深对css定位的理解。

position属性有一下四种定位方法：

1.position:static

静态定位：其实就是没有定位，元素出现在正常的流中。left right top bottom对其没有影响。

2.position:fixed

固定定位：即元素相对于浏览器窗口是固定的位置。

3.position:relative

相对定位：偏移(有偏移量的情况下)的参照物是它在流中正常的排版位置；并且它仍然占据着流中的原先位置；只是位置相对于原先位置产生了偏移。

4.position:absolute

绝对定位：偏移(有偏移量的情况下)的参照物是它的“最近”的一个“已经定位”的祖先元素为基准进行偏移。如果没有已经定位的祖先元素，那么会以浏览器窗口为基准进行定位。并且她脱离了标准流，兄弟元素会占据它的位置。

若果position:absolute;再用margin-top margin-left..来进行偏移处理，此时它的参照物是正常流的位置，(它不会去理会“最近”的一个“已经定位”的祖先元素|浏览器窗口。)并且它脱离的流，兄弟元素会占据它原先位置。

z-index配合absolute来设置重叠元素的顺序。(值越大越靠前)