relative属性

Posted 2020-07-15

1. relative与absolute的关系

   • relative限制absolute
     • 限制定位
     • 限制层级（relative的层级）
     • 限制超越overflow
   • relative限制fixed
     • 限制层级

2. relative的定位

   • 相对自身定位
   • 无侵入定位
   • left/top/right/bottm优先级
     • left>right
     • top>bottm

3. relative与层级

   1. realtive提高层级
   2. 新建层级与上下文
      • position:relative;   z-index:auto    ==> 不产生层级

4. relative的最小化影响原则

   1. 尽量不适用relative 
   2. relative最小化