對CSS中的relative,absolute,fixed的探討

一、relative對absolute的限制作用
1.限制left/top/right/bottom的定位。
2.限制z-index層級。
限制後relative的層級高低決定了absolute的層級高低。
3.限制超越overflow。
普通的absolute不受滾動影響,但在relative下受。

二、relative對fixed的限制作用
只限制z-index層級。

三、relative與定位
1.相對自身定位
2.無侵入,不影響其他佈局的定位。
無侵入佈局的應用:自定義拖拽。

四、relative與層次
1.提高層次上下文。

五、relative與原則
relative的最小化影響原則值得是儘量降低relative屬性對其他佈局的影響,總而言之就是少用!!

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