position屬性可以影響元素在頁面中的定位方式。position屬性可設(shè)置為以下幾種值：
static： 默認(rèn)值，元素按照HTML文檔流進(jìn)行布局，不受top、bottom、left、right屬性的影響。
relative： 元素相對(duì)于其正常位置進(jìn)行定位，可以使用top、bottom、left、right屬性調(diào)整元素的位置，但仍占據(jù)原來的空間。
absolute： 元素相對(duì)于其最近的已定位的祖先元素進(jìn)行定位，如果沒有已定位的祖先元素，則相對(duì)于瀏覽器窗口進(jìn)行定位。元素不再占據(jù)原來的空間，可以使用top、bottom、left、right屬性調(diào)整元素的位置。
fixed： 元素相對(duì)于瀏覽器窗口進(jìn)行定位，不隨頁面滾動(dòng)而移動(dòng)?？梢允褂胻op、bottom、left、right屬性調(diào)整元素的位置。
sticky： 元素根據(jù)用戶滾動(dòng)頁面的位置進(jìn)行定位，當(dāng)元素在視口內(nèi)時(shí)表現(xiàn)為fixed，超出視口時(shí)表現(xiàn)為relative。
通過設(shè)置不同的position屬性值，可以實(shí)現(xiàn)不同的布局效果，例如實(shí)現(xiàn)元素的懸浮、固定、絕對(duì)定位等效果。
億速云公眾號(hào)
手機(jī)網(wǎng)站二維碼
