定位
position屬性可以控制web瀏覽器如何以及在何處顯示特定的元素。可以使用position屬性把一個元素放置到網(wǎng)頁中的任何位置递胧。
-
行對定位
每個元素在頁面中的文檔六種都有一個自然位置刀诬。相對于這個位置對元素進(jìn)行移動就成為相對定位。周圍的的元素不受此影響狡逢。可以把position屬性設(shè)置為relative,來開啟元素的相對定位。（當(dāng)開啟相對定位時咸产，可以使用top、right仲闽、bottom脑溢、left四個屬性對元素進(jìn)行定位）
- 特點一：不設(shè)置元素的偏移量，元素位置不會發(fā)生改變
- 特點二：相對定位不會使元素脫離文本流赖欣，在文本流中的位置不會改變
- 特點三： 相對位置不會改變元素原來的特性
- 特點四：相對定位會使元素的層級提升屑彻，是元素可以覆蓋文本流中的元素
-
絕對定位
絕對定位是指元素相對于html元素或離他最近的祖先定位元素進(jìn)行定位，可以將position設(shè)置為absolute來開啟元素的絕對定位顶吮。（開啟絕對定位也可以使用top社牲、right、left悴了、bottom四個屬性）
- 特點一：絕對定位使元素完全脫離文本流
- 特點二：絕對元素的塊元素的寬度會被其他內(nèi)容撐開
- 特點三： 絕對定位會使行內(nèi)元素變成塊元素
- 特點四：使用絕對定位時會同時為其父元素制定一個相對定位搏恤，以確保元素可以相對于氟元素進(jìn)行定位
固定定位
固定定位的元素會被鎖定在屏幕的某個位置上，當(dāng)訪問者滾動頁面時湃交，固定元素在屏幕上保持不動熟空。可已將position設(shè)置為fixed來開啟元素的固定定位（開啟固定定位同樣可以使用四個屬性搞莺，特性與絕對定位類似）
z-index
當(dāng)元素開啟定位后可以設(shè)置z-index這個屬性來提升定位元素所在的層級息罗，可以指定一個整數(shù)為參數(shù)，數(shù)值越大才沧，優(yōu)先級越高阱当。
