CSS position 定位position=relative 相对定位设置相对定位的盒子，通过指定top\bott

设置相对定位的盒子，通过指定top\bottom、right\left的偏移数据，会相对于它原来的位置到达新的位置。

设置了相对定位的网页元素，无论是在标准流中还是在浮动流中，都不会对它的父级元素和相邻元素有任何影响，只针对自身位置进行移动。

<style>
    .a {
            position: relative;
            top: 200px;
            left: 10px;
     }
</style>

使用绝对定位的元素以它最近的一个“已经定位的”的“祖先元素”为基准进行偏移。如果没有已经定位的祖先元素，那么会以浏览器窗口为基准进行定位。

绝对定位的元素从标准文档流中脱离，这意味着它不会对其他元素的定位造成影响。

<style>
    .b {
            position: absolute;
            top: 200px;
            left: 10px;
     }
</style>

元素的位置相对于浏览器窗口是固定的，即使拖动滚动条，它也不会移动。

fixed定位使元素的位置与文档流无关，因此不占据空间。

<style>
    .c {
            position: fixed;
            top: 300px;
            right: 10px;
     }
</style>

z-index属性为整数，默认值为0。

设置了position属性时，z-index属性可以设置个元素之间的重叠高低关系。z-index值大的元素位于值小的元素上层。