-
絕對定位
鎖定
絕對定位概念主要分為兩種:第一是衞星絕對定位,第二是CSS定位中的絕對定位。
- 中文名
- 絕對定位
- 外文名
- absolute positioning
- 功 能
- 定位系統
- 分 類
- 衞星、CSS
絕對定位衞星
絕對定位CSS
CSS中有一個專業名詞叫絕對定位,absolute 脱離文檔流,通過 top,bottom,left,right 定位。選取其最近的父級定位元素,當父級 position 為 static ( position 的默認值為 static ) 時,absolute元素將以body座標原點進行定位,可以通過z-index進行層次分級。
文本流中的內容會頂替絕對定位元素的位置,而絕對定位元素自然的層疊於文本流之上。而在單一的絕對定位中,定位元素將會跑到網頁的左上角,因為那裏是他們的被絕對定位後的座標原點。
上面説的是單一的絕對定位,而在實際的css應用中我們常常會需要用到一種特別的形式,即希望定位元素要有絕對定位的特性,但是又希望絕對定位的座標原點可以固定在網頁中的某一個點,當這個點被移動時絕對位定元素能保證相對於這個原座標的相對位置。也就是説需要這個絕對定位要跟着網頁移動,而並且是因定在網頁的某一個固定位置。通常當網頁是居中形式的時候這種效果就會顯得特別的重要。要實現這種效果基本方式就是為這個絕對定位的父級設置為相對定位或是絕對定位。那麼絕對定位的座標就會以父級為座標起始點。