一.定位--position屬性
?1.static：默認值 沒有定位--以標準文檔流方式顯示
?2.relative：相對定位--相對自身原來的位置進行偏移（top left right bottom）
?3.absolute：絕對定位
?4.fixed：固定定位

二.相對定位元素的規律
?1.設置相對定位的盒子會相對它原來的位置，通過指定偏移到達新的位置
?2.設置相對定位的盒子仍在標準文檔流中，它對父級盒子和相鄰盒子都沒有影響

三.絕對定位-- absolute屬性
?1.偏移位置：left right top bottom
?2.使用了絕對定位的元素以它最近的一個“已經定位”的“祖先元素”為基準進行偏移，
?? 如果沒有已近定位的“祖先元素”那么會以為瀏覽器為基準進行偏移
?3.絕對定位的元素從標準文檔流中脫離，這意味著它們對其他元素的定位不會造成影響
?4.絕對定位不設置偏移量元素將保持原來的位置，但脫離標準文檔流

四.調整元素定位重疊層的上下位置
?1.z-infex屬性值：整數默認值為0
?2.設置position屬性時z-iindex屬性可以設置各元素之間的重疊高低關系
?3.z-index值大的層位于其小的層上方

轉載于:https://www.cnblogs.com/zyani/p/6938054.html

總結

以上是生活随笔為你收集整理的定位--position属性的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。