在網頁設計中，CSS樣式是不可或缺的部分。其中，position屬性可以讓我們控制元素的位置。

position: static;
position: relative;
position: absolute;
position: fixed;

static

這是默認的position值。元素會根據文檔流來設置位置。如果沒有其他屬性值干擾，元素會按照HTML的語義來排列。

relative

相對定位（relative）是相對于其自身的位置進行定位。可以通過設置top、left、bottom和right屬性，使元素相對于原始文檔流的位置進行偏移。

absolute

絕對定位（absolute）是從文檔流中刪除的，并相對于其最近的“position”父元素進行定位。如果沒有任何祖先元素是“position”，那么絕對定位的基元素就是HTML根元素，也就是文檔本身。類似于相對定位，可以通過設置top、left、bottom和right屬性，使元素相對于其父元素的位置進行偏移。

fixed

固定定位（fixed）是將元素固定在視口的某個位置。不會隨著頁面滾動而改變位置。可以通過設置top、left、bottom和right屬性，使元素相對于視口的位置進行偏移。