定位以及相对定位绝对定位

定位：可以让一个元素从原来的位置移动到另一个位置

静态定位 （默认值） position:static; 设置不设置都是一个样

相对定位 position:relative;

绝对定位 position:absolute;

固定定位 position:fixed;

通过偏移属性来进行移动位置

水平 left right

垂直 top bottom

位置属性

left：设置元素距离参照元素的左侧位移，正值往右，负值往左

right：设置元素距离参照元素的右侧位移，正值往左，负值往右

top：设置元素距离参照元素的顶部的位移，正值往下，负值往上

bottom：设置元素距离参照元素的底部位移，正值往上，负值往下

相对定位

相对于元素本身的位置进行一个位置调整，占位依然在原来的位置，也就是说，元素设置相对定位后，其原来的位置还占位

特性：

1.不影响元素本身的特性（也就是div标签是块级标签，不会因为设置相对定位后，div标签宽高不能设置）

2.不会使元素脱离正常文档流，也就是还占位

3.如果没有定位偏移属性，对元素本身没有任何影响；如果有定位偏移属性，则相对于元素原来的位置发生偏移

4.提高层级（覆盖在某个标签上）

应用场景 ：

1.微调自己的位置

2. 作为绝对定位的参照物

语法

position: absolute;

1.如果没有设置偏移属性（left。。。），对元素本身是有影响的

2.脱离正常标准流也脱离文本流（全脱）