CSS是網頁設計中非常重要的一部分，通過CSS樣式可以讓網頁的外觀更加美觀，也可以讓網頁的內容更加清晰易懂。其中，CSS定位是CSS樣式的重要部分之一。CSS定位可以控制頁面上元素的位置，實現網頁的布局，包括絕對定位和相對定位。

/* 相對定位 */
.relative-position {
position: relative;
left: 20px;
top: 30px;
}
/* 絕對定位 */
.absolute-position {
position: absolute;
left: 50px;
top: 60px;
}

相對定位是相對于元素自身所在位置進行定位。在上述的代碼中，我們給元素設置了相對定位，并且讓元素向右移動20個像素，向下移動30個像素。這樣，我們就可以通過相對定位來調整元素位置。

絕對定位則是相對于祖先元素（非static定位）的位置進行定位。如果沒有祖先元素，則相對于原始窗口進行定位。因此，絕對定位可以讓元素根據網頁布局來放置，而不是以瀏覽器窗口為基礎。在上述的代碼中，我們將元素以50px、60px的位置進行定位。這樣，在我們的網頁布局中，我們可以使用絕對定位來放置元素，確保網頁的美觀和整潔。