相對定位是CSS中一種用于調(diào)整元素布局位置的定位屬性。與絕對定位相比，相對定位不會(huì)讓元素脫離文檔流，而是在原有位置的基礎(chǔ)上進(jìn)行位置偏移。

例如：
.box {
position: relative; /*設(shè)置相對定位*/
top: 10px; /*上偏移10像素*/
left: 20px; /*左偏移20像素*/
}

上述代碼就將class為”box”的元素相對于原有位置上移10像素，左移20像素。

值得注意的是，相對定位是相對于元素原有位置進(jìn)行偏移，因此，在對元素進(jìn)行相對定位時(shí)，其原有位置應(yīng)該是在文檔流中，即不應(yīng)該使用絕對定位或靜態(tài)定位。

相對定位還可以與絕對定位、固定定位一起使用，實(shí)現(xiàn)更加靈活的布局效果。

例如：
.box {
position: relative; /*設(shè)置相對定位*/
}
.box .inner {
position: absolute; /*設(shè)置絕對定位*/
top: 50%; /*距離父元素頂部為50%*/
left: 50%; /*距離父元素左側(cè)為50%*/
transform: translate(-50%, -50%); /*移動(dòng)元素中心點(diǎn)至父元素中心點(diǎn)*/
}

上述代碼將class為”inner”的子元素相對于class為”box”的父元素居中顯示，并隨著父元素移動(dòng)而相對移動(dòng)。

總之，相對定位是CSS中常用的定位方式之一，能夠?yàn)樵靥峁╈`活的位置偏移和布局效果。