css定位小結 1216

定位的分類

static
relative
absolute
fixed
           

static 标準的 預設的

預設的定位，沒有偏移效果

除了它外的所有其它定位，都會具有偏移的能力

relative 相對定位

• 偏移參考，以自身為參考
• 原來的位置，占據文檔流
• 當它發生偏移後，新位置是不占文檔流的，新位置隻是一個殘影而已

absolute 絕對定位

• 偏移參考，定位了的父級元素，如果父級沒有定位，就找父級的父級，直到找到body
• 脫離文檔流

fixed 固定定位

• 偏移參考，浏覽器窗體為參考

定位的特性

• 定位的元素（除去預設情況）都會獲得新的能力（屬性），邊偏移
• 邊偏移包括：left right top bottom
• 定位的标簽，display會發生變化，變成類似于inline-block的元素