在網(wǎng)頁(yè)設(shè)計(jì)中，CSS樣式是不可或缺的部分。其中，position屬性可以讓我們控制元素的位置。

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

static

這是默認(rèn)的position值。元素會(huì)根據(jù)文檔流來設(shè)置位置。如果沒有其他屬性值干擾，元素會(huì)按照HTML的語(yǔ)義來排列。

relative

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

absolute

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

fixed

固定定位（fixed）是將元素固定在視口的某個(gè)位置。不會(huì)隨著頁(yè)面滾動(dòng)而改變位置。可以通過設(shè)置top、left、bottom和right屬性，使元素相對(duì)于視口的位置進(jìn)行偏移。