服务购

         变页面当中元素的位置关系。

        relative;相对定位

        相对定位的元素框会偏移某个距离。元素仍然保持其未定位前的形状，它原本所占的空间仍保留。

        可以通过“left”, “top”, “right” 以及 “bottom” 或者px 百分比规定位置。

        特点：

        1.不使元素脱离文档流；

        2.不影响元素本身的特性

        3.如果没有定位偏移量，对元素本身没有任何影响

        absolute;绝对定位

        相对于已经定位的父元素进行定位

        如果没有定位偏移量，对元素本身没有任何影响

        可以通过“left”, “top”, “right” 以及 “bottom” 或者px 百分比规定位置

        特点：

        1.完全脱离文档流

        2.行内元素支持宽高

        3.块级元素内容撑开宽高

        4.没有祖先元素则相对于body

        5.一般配合相对定位使用

        6.绝对定位的元素的位置相对于最近的已定位祖先元素

        7.margin:auto;失效

        fixed;固定定位

        相对浏览器窗口定位

        与绝对定位特性一致

        （咱们常见网站的客服咨询区就是用固定定位的，这样能保证用户在第一时间能咨询到客服）

        z-index;层级关系

        z-index 可以调换两个层的上下位置关系

        值可以为正，也可以为负，值越大，越在上面 默认值=0 只能同级元素对比！

        z-index:只对定位的元素有效，其它元素均无效

        总结

        1.定了一个位

        2.相对定位

        3.绝对定位

        4.固定定位

        5.Z-index层级