一、relative對absolute的限制作用

  1、限制left/top/right/bottom定位。absolute默認(rèn)是在也沒的左上角，
當(dāng)父類設(shè)定為relative,absolute就被限制在父類的區(qū)域內(nèi)，
設(shè)定top/left/right/bottom時(shí)，起始點(diǎn)為父類的左上角

  2、限制z-index層級。頁面中的倆個(gè)absolute的z-index不同，有各自的層級，
當(dāng)這兩個(gè)absolute的父類都有relative的時(shí)候，它們的層級就依賴于父
類的relative的z-index

  3、限制在overflow下的效果。默認(rèn)情況下，overflow:hidden
是無法限制absolute的，當(dāng)加上relative時(shí)，才能被限制住；
當(dāng)overflow:auto或overflow:scoll時(shí)，里面有滾動條，
absolute是不會隨滾動條移動的，這時(shí)就需要加上relative

二、relative只能限制fixed的z-index層級

三、relative和定位

    1、relative的定位和偏移都是相對于自身所在的位置

    2、relative的定位不會影響其他元素的定位。
作用：可以用來自定義拖拽功能