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

问题：

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

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

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

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

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

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

html代码：

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 {

  }
}