css - 将鼠标悬停在 DIV 上时如何防止下方的 DIV 向上滑动

Question

当我将鼠标悬停在一个 DIV 上时，我遇到了一些麻烦，下面的 DIV 在我悬停在上面的 DIV 下方向上滑动。他们怎么能做到这一点？

这是一个jsfiddle来说明问题。

Answer 1

在你的 CSS 中:

.calendar-event:hover {
    overflow: visible;
    background: none repeat scroll 0 0 #FAFAFA;
    border: solid 1px #999999;
    width: auto;
    line-height: 1.5em;
    height: auto;
    position: absolute;
}

问题是最后一个属性。删除“position:absolute；”；这导致 div 从浏览器的正常定位流中逃脱。