CSS是前端最重要的技能之一，它可以讓我們控制頁面的布局和樣式。CSS定位是其中非常重要的一部分，它可以讓我們精確地控制元素在網頁中的位置和大小。CSS定位有四種類型，分別是相對定位、絕對定位、固定定位和粘性定位。

相對定位（relative）是相對于元素原來的位置進行定位的。我們可以使用top、bottom、left和right屬性來控制它相對于原來位置的偏移。下面的代碼演示了如何使用相對定位：

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

絕對定位（absolute）是相對于父元素進行定位的，如果沒有父元素則相對于html元素進行定位。我們可以使用top、bottom、left和right屬性來控制元素的位置。下面的代碼演示了如何使用絕對定位：

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

固定定位（fixed）是相對于瀏覽器窗口進行定位的，不會隨著頁面滾動而移動位置。我們也可以使用top、bottom、left和right屬性來控制元素的位置。下面的代碼演示了如何使用固定定位：

.fixed {
position: fixed;
top: 20px;
left: 50px;
}

粘性定位（sticky）是相對于父元素進行定位的，但是當元素滾動到特定位置時它會固定在屏幕上。我們可以使用top、bottom、left和right屬性來控制元素的位置。下面的代碼演示了如何使用粘性定位：

.sticky {
position: sticky;
top: 20px;
left: 50px;
}

好了，這就是CSS定位的四種類型，它們各有不同的應用場景，掌握它們可以讓我們更加自如地控制頁面的布局和樣式。