如何防止 div 2 的定位受到 div 1 的悬停状态的影响？

Question

我有一个 div (div_1)，当它悬停时，它的背景图像和大小被 css 悬停状态替换。

问题在于，当将鼠标悬停在 div_1 上时，会影响 div (div_2) 的“下方”位置，因为它的位置是相对的。

在我将 div_2 的位置更改为绝对位置以防止这种情况发生之前，我想知道是否有任何方法可以防止 div_1 的悬停状态影响 div_2 而无需将 div_2 的位置更改为绝对位置？

谢谢。

Answer 1

更新/解决方案：来自https://stackoverflow.com/a/4502693/1063287

当您将鼠标悬停在“div_1”上时，您可以控制“div_2”的位置：

#div_1:hover + #div_2 {
    top: -100px !important;
}

请注意，此特定解决方案适用于 div_2 不是 div_1 的子级的情况，其他场景的解决方案（在同一 div 内，直接在父 div 之后或其他情况下）可以在上面的链接中找到。