css里面position:relative与position:absolute区别

1、bottom right top z-index left position版本：CSS2 兼容性：IE4+ NS4+ 继承性：无 语法：position ： static | absolute | fixed | relative 取值：static：默认值。

2、CSS中的position属性是用于控制元素在页面上的定位方式。它主要有五种值：static、relative、absolute、fixed和sticky。接下来详细介绍position属性的每个值的特点和影响：Static 静态定位是元素的默认值。在这种模式下，元素按照正常的文档流进行排列，不受top、bottom、left、right属性的影响。

3、position：relative的意思是设置元素的定位类型为相对定位。相对定位是CSS中的一种定位方式，它将元素相对于其正常位置进行定位。当为元素设置position属性为relative时，可以使用top、right、bottom和left属性来调整元素的位置。这些属性指定了元素相对于其原始位置的偏移量。

4、种不同类型的定位，这会影响元素框生成的方式。position 属性值的含义：static 元素框正常生成。块级元素生成一个矩形框，作为文档流的一部分，行内元素则会创建一个或多个行框，置于其父元素中。relative 元素框偏移某个距离。元素仍保持其未定位前的形状，它原本所占的空间仍保留。

5、提升层级（用z-index样式的值可以改变一个定位元素的层级关系，从而改变元素的覆盖关系，值越大越在上面，z-index只能在position属性值为relative或absolute或fixed的元素上有效。