一、默认定位static:
position的默认值,一般不设置position属性时,会按照正常的文档流进行排列。
二、相对定位relative:
1、relative 就是相对元素static定位时的位置进行偏移,如果不指定top,right,bottom,left的值,其位置是没有变化的。
2、即使进行了偏移,其占据的位置是不变的。(就是所说的不脱离文档流)
三、固定定位absolute:
四、固定定位fixed:
fixed是特殊的absolute,即fixed总是以body为定位对象的,按照浏览器的窗口进行定位。
五、继承定位inherit :
inherit呢, 就是从父元素继承 position 属性的值。
原文:https://www.cnblogs.com/luoyiling/p/9716096.html