Position定位相关属性

语法：

position：absolute|relative|static|fixed|inherit

其中absolute、relative为常用属性，常见形式为组合使用

Absolute：绝对定位

1、如果要定位的元素A的父标签没有设置定位时，那么A就相对于浏览器窗口绝对定位。

2、如果要定位的元素A，它的父标签已经设置了position，且这个值不是默认的static，那么A的绝对定位就相对于A的父标签来定位。

3、设置了position为absolute的元素完全脱离标准流。

 

Relative:相对定位

1、如果一个元素设置了相对定位，那么他的参考点是他自己。相对于他原来的位置，偏移了（left|right|top|bottom|)多少像素，和margin很像，但不是margin。

2、设置了relative的元素并没有脱离标准流，后面元素的排版受原本此元素的位置影响，和飘移的无关。

3、relative就像影子一样，参见第二条。

Static：该值为position的默认值

Fixed

固定定位

1、此定位相对于浏览器窗口

2、脱离标准流

转载于:https://www.cnblogs.com/z-turn/p/3614349.html