.position-static {
position: static; 
}
.position-relative {
position: relative; 
}
.position-absolute {
position: absolute; 
}
.position-fixed {
position: fixed; 
}
.position-sticky {
position: sticky; 
}

static：

position：static是默認值，它指定元素在文檔流中應該按順序排列。

relative：

position：relative使元素相對于自身在文檔流中移動。通過設置top、right、bottom和left屬性，可以確定元素在其自然位置的偏移量。

absolute：

position：absolute使元素完全脫離文檔流，并相對于其最接近的非static祖先元素移動。如果沒有祖先元素，則它使用文檔的基本結構。通過設置top、right、bottom和left屬性，可以確定元素相對于其父元素的位置。

fixed：

position：fixed使元素固定在瀏覽器窗口的相同位置，無論用戶滾動到何處?？梢允褂胻op、right、bottom和left屬性來確定元素在窗口中的位置。

sticky：

position：sticky是相對于其最接近的非static祖先元素和文檔窗口的距離來計算的。當頁面滾動時，元素會保持其初始位置，直到到達指定點，然后其行為像position：fixed。

在以上情況下，元素的位置可以用CSS中的top、right、bottom或left屬性來確定。相應的值可以是像素或百分比。

因此，通過使用CSS的position屬性，可以輕松設置HTML