CSS相對定位是一種讓元素相對于其原本位置進行移動的方式。當想要移動元素，而又不想影響其他元素的布局時，就可以使用相對定位。在使用相對定位時，會發現它的移動方式不僅僅是元素本身的位置變化，而是整個元素的盒子發生了變化。

.box{
position: relative;
left: 30px;
top: 20px;
border: 1px solid black;
width: 100px;
height: 100px;
}

在上述代碼中，box類的元素被設置為相對定位，并進行了左移30px和上移20px的操作。當這些操作完成后，我們可以看到整個盒子的位置發生了變化，但是盒子的大小和其他盒子的位置并沒有改變。

當使用相對定位時，元素的位置屬性會生效而其他屬性，如寬度、高度、邊距等，并不會改變。因此，相對定位實現的是元素的位移效果，并不會影響盒子的大小。但由于元素移動的位置會影響到元素的可視范圍，故而總盒子也會跟著發生變化。