css 之 relative

【1】对同源属性值的限制作用

relative 对 absolute 的作用：

（1）限制定位

（2）限制层级

（3）限制超越 overflow

relative 对 fixed 的作用

（1） 限制 z-index 层级

【2】 relative 定位的特点

（1） 相对自身 ： 相对于自身的初始位置进行定位

（2） 无侵入定位： 不会影响其他元素的定位

（3）left 与 right 一起出现，只有 left起作用， top 与 bottom 一起出现，只有 top起作用

【3】 relative 与 z-index 层级

（1） 提高层叠上下文

【4】 relative 的最小化影响原则

指的是尽量降低  relative 属性对其他元素 或 布局的潜在影响

（1） 尽量避免使用 relative