css定位

一、定位：
position：relative相对 absolute绝对 static无定位 fixed固定

二、相对定位（position：relative）：
（1）相对定位的偏移参考元素是元素本身，不会使元素脱离文档流。元素初始位置占据的空间会被保留。
（2）相对定位不作为元素单独显示出来，而是作为容器进行包含其他元素作为父元素进行偏移使用的。

三、绝对定位（position:absolute）：
（1）相对于已定位的最近的祖先元素，如果没有已定位的最近的祖先元素，难么他的位置就相对于最初的包含块（如body）
（2）绝对定位是破坏了文档流，是脱标流。
（3）注意：绝对定位是参照的最近的一级的父级元素。

四、固定定位（position:fixed）：
相对于浏览器窗口进行定位的。

五、z-index使用
（1）决定谁在前面显示，谁在后面显示，数字设置大小上不封顶。
（2）数值不适宜设置过大过小，因为后面需要的模块很多，可以让他们能够产生重叠层叠显示的效果。

六、注意：
top和left离开的position的无法起作用。