relative對absolute的限制作用
- 限制
left/top/right/bottom定位； - 限制
z-index層級，以relative的z-index為準（不包括auto）； - 限制
absolute不受overflow的影響的特性；
relative只能限制fixed定位的元素的
z-index層級，其它都無法限制。
relative 定位特性
- 相對自身進行定位；
- 用來定位時，無侵入，不影響其它元素的布局；
relative定位同時設置了
top和bottom時，top起作用；同時設置了left和right時，left起作用，和順序無關。
relative 和 z-index 的層級關系
默認情況下，網頁中重疊的元素，后面的會覆蓋前面的，即使使用z-index。
給前面的元素添加屬性position:relative之后，即使后面的元素使用z-index也無效。效果如下：
relative最小化影響原則
-
盡量避免使用
relative，直接使用absolute配合margin進行精確控制。例如：
-
relative最小化，針對定位元素提供單獨的div設置relative。例如：
