CSS是現代網頁設計的基礎之一，它提供了多種不同的定位方式來控制網頁元素的顯示位置。以下是CSS中的五種基本定位方式。

1. 靜態定位

靜態定位是默認的定位方式。它根據元素在文檔中出現的順序來確定它們的位置。也就是說，如果在某個元素前面插入了其他元素，那么它的位置也會隨之改變。

div {
position: static;
}

2. 相對定位

相對定位可以使元素相對于它原來的位置進行移動。同時，如果設定了“top”、“bottom”、“left”或“right”屬性，它將會相對于元素原來的位置進行偏移。

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

3. 絕對定位

絕對定位使元素脫離文檔流，并相對于最近的已定位父元素進行定位。如果沒有已定位的父元素，則相對于文檔的邊緣。

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

4. 固定定位

固定定位使元素相對于瀏覽器窗口進行定位，不會隨頁面滾動而移動。

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

5. 粘性定位

粘性定位是相對定位和固定定位的混合體。它首先將元素設為相對定位，然后在滾動到元素指定位置時，將其切換為固定定位。

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

CSS提供了多種不同的定位方式，可以根據具體情況進行選擇，以完成更準確和靈活的網頁布局。