css - 如何防止 div_1 的悬停状态影响 div 2 定位？

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 之后或其他情况下)可以在上面的链接中找到。