CSS的定位属性有三种，分别是绝对定位、相对定位、固定定位。

    position: absolute;  <!-- 绝对定位 -->

    position: relative;  <!-- 相对定位 -->

    position: fixed;     <!-- 固定定位 -->
相对定位：让元素相对于自己原来的位置，进行位置调整（可用于盒子的位置微调）。
相对定位不脱标
相对定位：不脱标，老家留坑，别人不会把它的位置挤走。

也就是说，相对定位的真实位置还在老家，只不过影子出去了，可以到处飘。
相对定位的用途
相对定位有坑，所以如果需要做一般不用于做“压盖”效果（把一个div放到另一个div之上）。页面中，效果极小。就两个作用：

（1）微调元素
（2）做绝对定位的参考，子绝父相
绝对定位：定义横纵坐标。原点在父容器的左上角或左下角。横坐标用left表示，纵坐标用top或者bottom表示。
绝对定位脱标
绝对定位的盒子脱离了标准文档流。

所以，所有的标准文档流的性质，绝对定位之后都不遵守了。

绝对定位之后，标签就不区分所谓的行内元素、块级元素了，不需要display:block就可以设置宽、高了。
一个绝对定位的元素，如果父辈元素中也出现了已定位（无论是绝对定位、相对定位，还是固定定位）的元素，那么将以父辈这个元素，为参考点。
固定定位：就是相对浏览器窗口进行定位。无论页面如何滚动，这个盒子显示的位置不变。

CSS的定位属性有三种，分别是绝对定位、相对定位、固定定位。

    position: absolute;  <!-- 绝对定位 -->

    position: relative;  <!-- 相对定位 -->

    position: fixed;     <!-- 固定定位 -->
相对定位：让元素相对于自己原来的位置，进行位置调整（可用于盒子的位置微调）。
相对定位不脱标
相对定位：不脱标，老家留坑，别人不会把它的位置挤走。

也就是说，相对定位的真实位置还在老家，只不过影子出去了，可以到处飘。
相对定位的用途
相对定位有坑，所以如果需要做一般不用于做“压盖”效果（把一个div放到另一个div之上）。页面中，效果极小。就两个作用：

（1）微调元素
（2）做绝对定位的参考，子绝父相
绝对定位：定义横纵坐标。原点在父容器的左上角或左下角。横坐标用left表示，纵坐标用top或者bottom表示。
绝对定位脱标
绝对定位的盒子脱离了标准文档流。

所以，所有的标准文档流的性质，绝对定位之后都不遵守了。

绝对定位之后，标签就不区分所谓的行内元素、块级元素了，不需要display:block就可以设置宽、高了。
一个绝对定位的元素，如果父辈元素中也出现了已定位（无论是绝对定位、相对定位，还是固定定位）的元素，那么将以父辈这个元素，为参考点。
固定定位：就是相对浏览器窗口进行定位。无论页面如何滚动，这个盒子显示的位置不变。