定位 , 層級

定位relative,absolute,fixed:

Relative,Absolute,Fixed都是定位用的。relative不會脫離文檔流,而fixed和absolute會脫離文檔流,當用left,right,top,bottom移動到其它位置,把原來位置讓出來,下方位置的會填補它原來的空缺。

Relative定位是相對於自己原先的位置。

Fixed定位相對於body。

單獨的absolute(沒有外層嵌套,或有外層嵌套:但外層嵌套,外層的外層嵌套都沒有relative,absolute,fixed定位這兩種情況),定位也是相對於body。但如果有外層嵌套,且外層嵌套有relative,absolute,fixed這些定位,則最靠近的有relative,absolute,fixed這些定位的那個外層是它定位的參照對象。

層級z-index:z-index只針對同級別的,不會影響嵌套的層級。嵌套的最外層在最下面的層級。同級別的可以通過z-index來改變它們之間的層級,同級別要使用z-index,必須要用relative,absolute,fixed定位,然後z-index才能生效。

發佈了30 篇原創文章 · 獲贊 9 · 訪問量 3萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章