css定位小結 1216
阿新 • • 發佈：2020-12-17
css定位小結 1216
定位的分類
static
relative
absolute
fixed
static 標準的 預設的
預設的定位，沒有偏移效果
除了它外的所有其它定位，都會具有偏移的能力
relative 相對定位
特點：
- 偏移參考，以自身為參考
- 原來的位置，佔據文件流
- 當它發生偏移後，新位置是不佔文件流的，新位置只是一個殘影而已
absolute 絕對定位
特點：
- 偏移參考，定位了的父級元素，如果父級沒有定位，就找父級的父級，直到找到body
- 脫離文件流
fixed 固定定位
特點：
- 偏移參考，瀏覽器窗體為參考
- 脫離文件流
定位的特性
- 定位的元素（除去預設情況）都會獲得新的能力（屬性），邊偏移
- 邊偏移包括：left right top bottom
- 定位的標籤，display會發生變化，變成類似於inline-block的元素