CSS（層疊樣式表）是前端開發中必不可少的一部分。除了設置樣式外，CSS還可以用于定位內容在頁面上的位置。

在CSS中，定位有五種不同的方式：

1. 靜態定位
 2. 相對定位
 3. 絕對定位
 4. 固定定位
 5. 粘性定位

靜態定位是CSS的默認值，它不會對元素進行位置調整。具有靜態定位的元素會按照HTML文檔流中出現的順序排列。

相對定位相對于元素在文檔流中的位置進行定位。通過設置元素的top、bottom、left、right屬性來改變元素的位置。相對定位的元素仍然保留其在文檔流中原來的位置。如果元素沒有設置位置屬性，那么它會保持在原來的位置。

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

絕對定位將元素的位置與文檔流無關，它會根據離它最近的定位祖先元素來進行定位。如果沒有祖先元素是定位的，則相對于body元素進行定位。同樣通過設置元素的top、bottom、left、right屬性來改變其位置。

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

固定定位是絕對定位的一種特殊形式，它會將元素始終放置在相同的位置，無論文檔如何滾動也不會發生位置變化。如設置一個導航欄，讓它始終固定在頁面頂部。

div {
position: fixed;
left: 0;
top: 0;
}

粘性定位是一種新的定位方式，它將元素固定在父元素的一定位置，但在滾動時會相對移動。可以用于實現滾動時的粘性導航欄和底部工具欄等效果。

div {
position: sticky;
top: 0;
}

總結而言，CSS定位可以讓我們在頁面上自由地排列和定位元素，通過選擇不同的定位方式可以達到視覺上的效果，使網頁更加美觀和實用。