hover父元素,不希望子元素消失（子元素盒子在下方展开，但鼠标移到子元素时盒子却消失了）

问题：

1.hover注销父元素时，展开11111111子元素盒子下拉框；

2.鼠标移动到11111111子元素时，不希望11111111盒子消失；但有时候却消失了；

原因：‘注销’ 此元素可能存现绝对定位；而它的同级元素也有相对定位且同级元素的宽度长到足以影响 ‘注销’ 此元素hover;

解决方法：找到 使用绝对定位的代码，在其中加入 z-index : 1;提高权重；   一定要找到受影响的地方；

下方是一个例子：比较糙；

浏览器展示效果，代码在下方；

html代码：

    <template v-if="false">
      <div class="laoda" >
        <div class="zhangSan">
          我是老大的子元素张三，我要hover；我有style：position: absolute;
          然后赵五变红；请注意我没有宽度与高度，但这不是原因；
          <div class="zhaoWu">
            我是张三的子元素赵五，hover我，我会红
          </div>
          <div class="zhaoLiu">
            我是张三的子元素赵六，hover我，我希望赵五红，但是它不红，什么原因?
          </div>
        </div>
        <div class="zhangSi" >
          我是老大的子元素张四，我与我的子元素会影响赵五变红；<br>
          我有style：position: absolute;width:500px；<br>
          <br>
          原因：因为我和张三是兄弟；<br>
          同时position: absolute;<br>
          但是我的重要程度比他高，<br>
          你在我地盘上，<br>
          hover赵六是其实还在我身上；<br>
           <div class="wangQi">
             <br>
            我是张四的子元素王七,是我继承的宽度影响赵六hover时但赵五不红的；
          </div>
          <div class="wangJiu">
            <br>
            我是张四的子元素王九,也是我继承的宽度影响赵六hover时但赵五不红的；
          </div>
        </div>
      </div>
    </template>

css代码: 

.laoda {
  position: relative;
}
.zhangSan {
  position: absolute;
   z-index: 1; // 此处解决
  left: 300px;
  .zhaoWu {
    height: 50px;
  }
  .zhanLiu {
height: 50px;
  }
  &:hover .zhaoWu {
    color: red;
  }
}
.zhangSi {
  height: 50px;
  width: 500px;
  position: absolute;
  top: 40px;
  .wangQi {

  }
  .wangJiu {

  }
}