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

二.相對(duì)定位元素的規(guī)律
?1.設(shè)置相對(duì)定位的盒子會(huì)相對(duì)它原來的位置，通過指定偏移到達(dá)新的位置
?2.設(shè)置相對(duì)定位的盒子仍在標(biāo)準(zhǔn)文檔流中，它對(duì)父級(jí)盒子和相鄰盒子都沒有影響

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

四.調(diào)整元素定位重疊層的上下位置
?1.z-infex屬性值：整數(shù)默認(rèn)值為0
?2.設(shè)置position屬性時(shí)z-iindex屬性可以設(shè)置各元素之間的重疊高低關(guān)系
?3.z-index值大的層位于其小的層上方

轉(zhuǎn)載于:https://www.cnblogs.com/zyani/p/6938054.html

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。