css--定位：relative、absolite、fixed以及z-index

浮动不能突破父元素空间的位置，定位可以突破父元素空间到任意位置

定位：

         任意状态下--给定某元素你想要在的任意位置

         元素的定位属性主要包括定位模式和边偏移两部分

定位模式：relative、absolite、fixed、static

边偏移：bottom、top、left、right

定位要与边偏移一起搭配使用，如top: 100px; left:30px;

        1、 相对定位relative

         position：relative

         left：100px；

         relative（相对的）： 根据自身的位置移动，不清除自身空间，带着自己的空间一起移动

注意：

1. 在使用相对定位时，通过边偏移来移动位置，无论是否进行移动，元素仍然占据原来的空间。因此，移动元素会导致它覆盖其它框。

2. 其次，每次移动的位置，是以元素自己本身来移动。（相对于自己来进行移动）

3. 相对定位的盒子仍在标准流中，它后面的盒子仍以标准流方式对待他。（相对定位不脱标）

代码：