一、relative對(duì)absolute的限制作用
1、限制left/top/right/bottom定位。absolute默認(rèn)是在也沒(méi)的左上角,
當(dāng)父類設(shè)定為relative,absolute就被限制在父類的區(qū)域內(nèi),
設(shè)定top/left/right/bottom時(shí),起始點(diǎn)為父類的左上角
2、限制z-index層級(jí)。頁(yè)面中的倆個(gè)absolute的z-index不同,有各自的層級(jí),
當(dāng)這兩個(gè)absolute的父類都有relative的時(shí)候,它們的層級(jí)就依賴于父
類的relative的z-index
3、限制在overflow下的效果。默認(rèn)情況下,overflow:hidden
是無(wú)法限制absolute的,當(dāng)加上relative時(shí),才能被限制住;
當(dāng)overflow:auto或overflow:scoll時(shí),里面有滾動(dòng)條,
absolute是不會(huì)隨滾動(dòng)條移動(dòng)的,這時(shí)就需要加上relative
二、relative只能限制fixed的z-index層級(jí)
三、relative和定位
1、relative的定位和偏移都是相對(duì)于自身所在的位置
2、relative的定位不會(huì)影響其他元素的定位。
作用:可以用來(lái)自定義拖拽功能
【 微信掃一掃 】