關於position:absolute、relative及fixed淺析

Absolute:

絕對定位。依據離其最近設定了position定位祖父輩元素進行絕對定位。如果祖父輩元素都沒設定position定位,則默認依據body元素進行定位

備註:Position的默認值爲static,也就是正常定位。則上面所說的設定的position定位意思爲設定了absolute、relative及fixed的非static定位。absolute是依據設定了非static的祖父輩元素進行定位的。

Relative:

相對定位。依據該元素在原文檔流中的位置進行定位。

備註:當進行relative定位時,看起來似乎其已經脫離了普通文檔流,但實際上依然在普通文檔流中佔據空間。

Fixed:

固定定位。依據瀏覽器窗口進行定位,移動輪動條元素位置不變

備註:其實fixed和absolute很相似,都屬於絕對定位,只不過相對於的父容器不同。absolute相對於祖父輩或body元素,而fixed永遠相對於瀏覽器窗口

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章