css-position： static / absolute / fixed / relative

static:静态 absolute:绝对定位 fixed:固定 relative：相对定位

relative是相对于元素本身的位置进行定位，absolute是相对其最近的一个relative定位的父元素位置进行定位（若没有相对定位的父元素就会以body的位置进行定位{top\left\right\bottom}）。所以一般绝对定位是和相对定位配合使用的。

static :

无特殊定位，对象遵循HTML定位规则

absolute :

将对象从文档流中拖出，使用left，right，top，bottom等属性进行绝对定位。与其最接近的一个最有定位设置的父级对象进行绝对定位。

如果父级对象没有设置定位属性，那么将遵循HTML的定位规，以body的左上角为参考进行定位。而其层叠通过z-index属性定义。此时对象不具有边距，但仍有补白和边框。

对象可层叠。

relative :

对象不可层叠，但将依据left，right，top，bottom等属性在正常文档流中偏移位置

fixed ：

生成绝对定位的元素， 相对于浏览器窗口进行定位。可以通过设置 "left", "top", "right" 以及 "bottom" 属性给目标元素定位。

position为absolute与fixed两者的共同点和不同点：

共同点是：元素都脱离了标准流，均不再占据空间；

不同点是：定义为absolute的元素会随着滚动条的拖动而变化，定义为fixed的元素并不会随着滚动条的拖动而变化。

 

参考链接：https://blog.csdn.net/chengxing1305/article/details/5432650

参考链接：https://blog.csdn.net/sinat_41747081/article/details/88384335