position: relative;的作用

position: relative;是CSS中的一个定位属性，它的作用是相对于元素本身原来的位置进行定位。具体的作用包括：

1. 块级元素设置position: relative;后，可以通过top、right、bottom、left等属性进行相对于原本位置的微调；

2. 在使用z-index属性时，只有position属性值为relative、absolute、fixed的元素才能设置z-index属性值，因此使用position: relative;可以使元素具有z-index属性；

3. 在设置伪元素（::before和::after）样式时，如果需要将伪元素相对于元素自身进行定位，需要给元素设置position: relative;

总的来说，position: relative;可以使元素相对于原始位置进行微调，并且在一些特殊情况下也很有用。