CSS相對定位和絕對定位是前端開發中常用的兩種樣式屬性。相對定位和絕對定位都是通過改變元素在網頁中的位置來實現的，但二者有著不同的作用和效果。

/*相對定位*/
position: relative;
top: 10px;
left: 20px;
/*絕對定位*/
position: absolute;
top: 50px;
left: 80px;

相對定位是指可以讓元素在當前位置上進行微調，通過top和left屬性來控制元素上下、左右移動的距離。而絕對定位是將元素從其普通文檔流中移除，將其定位在離元素最近的已定位的祖先元素的某個位置上。

/*相對定位*/
div {
position: relative;
}
/*絕對定位*/
div {
position: absolute;
top: 50px;
left: 50px;
}
span {
position: relative; /*設置span變成定位元素*/
top: -10px;
left: 10px;
}

相對定位適用于對元素進行小范圍的移動和微調，內容仍然在文檔流中并會占據其原本的空間。而絕對定位適用于創造出浮動效果，將元素移動到網頁中的任意位置，不占據文檔流中的空間。