一.定位:
1.屬性:position
取值:relative
? ? absolute
? ? fixed
2偏移量:根據(jù)不同的定位方式實(shí)現(xiàn)元素位置的擺放
top? bottom? left? right(屬性)
二.相對(duì)定位:相對(duì)于它原來位置偏移某個(gè)距離
? position:relative
通過偏移屬性來實(shí)現(xiàn)位置的微調(diào)
? 使用場(chǎng)合:位置微調(diào)
三.絕對(duì)定位:position:absolute
? 1.絕對(duì)定位的元素會(huì)脫離文檔流,不占據(jù)頁面空間
? 2.絕對(duì)定位的元素會(huì)相對(duì)于最近的已經(jīng)定位的祖先元素實(shí)現(xiàn)位置的初始化
? 3.如果沒有已經(jīng)定位的祖先元素,那么它的位置就相對(duì)于最初的包含塊實(shí)現(xiàn)位置的初始化
四.固定定位:position:fixed
? 1.將元素固定在頁面的某個(gè)位置
? 2.脫離文檔流、不占據(jù)頁面高度
? 3.固定定位的元素不隨著頁面的滾動(dòng)而滾動(dòng)