css原理

1. reactive（相对定位）
   reactive限制absolute下的属性：
   限制left/top/right/bottom定位；
   限制z-index层级；不起作用
   限制超越overflow,overflow可以起作用
   reactive和fixed：reactive只能限制fixed下的z-index层级；
   定位是相对于自身定位的（如left:100px和top:100px是相对于自身偏移的位置），并且对其他元素没有影响（无侵入定位，可以应用在自定义拖拽）；
   
   top/bottom和left/right同时存在时：只会top和left起作用；
   
   提高层叠上下文：DOM默认当元素重叠时，后面的元素层叠前面的元素，使用reactive可以实现前面的元素
   
    

转载于:https://my.oschina.net/u/3052153/blog/1818232