- 限制定位：relative可限制absolute（top、bottom）
- 限制層級：使用z-index控制層級。
- 限制超越overflow：干掉absolute不受overflow:hidden（auto/scroll）限制的特性
- relative只能限制fixed的“限制層級”用處
- 兩個特性：1、相對自身；2、無侵入
- 1、相對自身。relatvie是相對自身進(jìn)行l(wèi)eft、top；而absolute是相對直接限制他的父級元素進(jìn)行定位。
- 2、無侵入：margin布局會影響布局，而relative布局是不會影響其他元素（占著坑）
- 相對定位中定義對立屬性(top、bottom)時，不會拉伸，top>bottom,left>right
- relative的層疊上下文大于其他定位。
- 當(dāng)relative元素的z-index為auto時，不會限制內(nèi)部absolute元素的層級（不會創(chuàng)建層疊上下文），不包括ie6/7（很容易出bug）
- relative的最小化影響原則，指盡量降低relative屬性對其他元素或布局的潛在影響。
- 1、盡量避免使用relative，absolute定位不依賴于relative，可以采用margin或padding進(jìn)行精準(zhǔn)定位，而不使用top
- 2、relative最小化。
Paste_Image.png
