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