将鼠标悬停在下一个或上一个div上时隐藏活动div

<div class="container">
  <div class="active-div">活动div</div>
  <div class="hover-div">鼠标悬停时隐藏的div</div>
</div>

.container {
  position: relative;
}

.active-div {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #f1f1f1;
  padding: 10px;
}

.hover-div {
  background-color: #f1f1f1;
  padding: 10px;
}

.hover-div:hover + .active-div,
.active-div:hover {
  display: none;
}