在CSS中，我們可以使用絕對和相對定位屬性控制元素的位置和布局。這兩種定位屬性不僅可以單獨使用，還可以同時使用。下面我們一起來了解一下這兩者的不同之處。

.position {
position: absolute;
top: 50px;
left: 100px;
}

首先來看絕對定位，它是根據父元素相對位置來設置的，如果沒有設置父元素的position屬性，則會按照原始位置進行計算偏移。在上方的代碼中，我們為一個元素設置了絕對定位，并且使其距離頂部50px，距離左側100px的位置。這意味著，即使父元素發生移動，被定位的元素總是在指定的位置。

.position {
position: relative;
top: 50px;
left: 100px;
}

然后是相對定位，它是根據元素原始位置來設置的，不會對其他元素位置進行影響。在上方的代碼中，我們為一個元素設置了相對定位，并且使其距離頂部50px，距離左側100px的位置。這意味著它相對于原始位置偏移50px向下，100px向右。如果其他元素占據了它的位置，不會發生位置沖突，它會在原位置（而不是指定位置）上產生偏移。

最后需要注意的是，絕對定位和相對定位兩者結合起來可以實現更為復雜的布局效果。比如，我們可以通過相對定位對元素進行定位后，再使用絕對定位來修正位置。