Css 如何防止div_1和x27影响div_2定位;什么是悬停状态?

Css 如何防止div_1和x27影响div_2定位;什么是悬停状态?,css,hover,Css,Hover,我有一个div(div_1),当悬停在上面时,它的背景图像和大小会被css悬停状态所取代 问题是,当悬停在div_1上方时,div(div_2)“低于”该div的位置会受到影响,因为其位置是相对的 在我将div_2的位置更改为绝对位置以防止这种情况发生之前,我想知道是否有任何方法可以防止div_1的悬停状态影响div_2,而不必将div_2的位置更改为绝对位置 多谢各位 更新/解决方案:来自 当您将鼠标悬停在“div_1”上方时,可以通过以下方式控制“div_2”的位置: #div_1:hove

我有一个div(div_1),当悬停在上面时,它的背景图像和大小会被css悬停状态所取代

问题是,当悬停在div_1上方时,div(div_2)“低于”该div的位置会受到影响,因为其位置是相对的

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


多谢各位

更新/解决方案:来自

当您将鼠标悬停在“div_1”上方时,可以通过以下方式控制“div_2”的位置:

#div_1:hover + #div_2 {
    top: -100px !important;
}
注意:当div_2不是div_1的子级时,此特定解决方案可以工作,其他场景的解决方案(在同一div内,直接在父div之后或其他)可以在上面的链接中找到