css中的定位

css 定位
一、相对定位（relative）
以自己的左上角为基准进行偏移，自身占有位置，且定位前的位置依然被占据。

二、绝对定位（absolute）
1.没有父元素（是2的一种特殊情况）
以当前窗口（document）左上角为基准定位
2.父元素无定位
向上寻找最近的有定位的盒子，以此盒子左上角为基准定位
3.父元素有定位
以父元素左上角为基准定位

子绝父相
子元素用absolute父元素要用relative
因为：父元素若也用绝对定位，父元素不占位置，父元素下面的元素会占据父元素本该占据的位置。定位的核心就是要压住别的元素，若子元素用相对定位，则占据位置，无法漂浮在元素上。

附
绝对定位盒子水平居中的算法

left: 50%
margin-left: 负的盒子本身宽度的一半

三、固定定位
1.与父元素没有关系，位置只与浏览器有关。
2.完全脱标，不占位置，不随滚动条移动，可以看做是特殊的绝对定位。

四、定位中的层叠顺序
用z-index来调整层叠顺序
1.只有定位元素有z-index属性
2.属性值越高，定位元素越靠上，属性值无单位。