一、relative對absolute的限製作用 1、限制left/top/right/bottom定位。absolute預設是在也沒的左上角，當父類設定為relative,absolute就被限制在父類的區域內，設定top/left/right/bottom時，起始點為父類的左上角 2、限制z-i ...
一、relative對absolute的限製作用
1、限制left/top/right/bottom定位。absolute預設是在也沒的左上角，當父類設定為relative,absolute就被限制在父類的區域內，設定top/left/right/bottom時，起始點為父類的左上角
2、限制z-index層級。頁面中的倆個absolute的z-index不同且不為auto，有各自的層級，當這兩個absolute的父類都有relative的時候，它們的層級就依賴於父類的relative的z-index
3、限制在overflow下的效果。預設情況下，overflow:hidden是無法限制absolute的，當加上relative時，才能被限制住；當overflow:auto或overflow:scoll時，裡面有滾動條，absolute是不會隨滾動條移動的，這時就需要加上relative
二、relative只能限制fixed的z-index層級
三、relative和定位
1、relative的定位和偏移都是相對於自身所在的位置
2、relative的定位不會影響其他元素的定位。作用：可以用來自定義拖拽功能
四、relative最小化影響原則
指的是儘量降低relative屬性對其他元素或佈局的潛在影響
1、儘量避免使用relative
2、必須使用的時候，relative也要最小化
參考地址：http://www.imooc.com/learn/565
