CSS中的relative屬性可以用來設定元素相對于自身默認位置的偏移量。相對定位的元素仍然占據原有的空間，因此它們的偏移并不會影響到其他元素的位置和尺寸。以下是相對定位的幾個特點：

.box {
position: relative;
left: 50px;
top: 20px;
}

1.相對定位會保留元素原有的空間大小，因此不會對文檔流產生影響。可通過left、right、top、bottom屬性設定元素的偏移量。

2.相對定位會影響元素在其容器中的位置，但不會對文檔流中其他元素的位置產生影響。因此，相對定位的元素可以在靜態定位的元素之上，但是對于絕對定位的元素則不一定會產生重疊。

3.在相對定位的元素上使用z-index屬性可以改變它們在容器中的堆疊順序。

.box1 {
position: relative;
z-index: 2;
}
.box2 {
position: absolute;
z-index: 1;
}

4.相對定位的元素的偏移量可以為負數，即可以將元素移動到其默認位置的左上方。

.box {
position: relative;
left: -50px;
top: -20px;
}

總的來說，相對定位適合用于微調元素的位置和堆疊順序，可以給網頁帶來一些動態效果。但需要注意，過度使用相對定位可能會影響網頁的可維護性和可讀性，因此應根據實際需要慎重使用。