Css 如何防止下方的DIV在悬停在DIV上时向上滑动

当我悬停在一个DIV上面时，我遇到了一些麻烦，下面的DIV在我悬停的DIV下面向上滑动。如何才能让他们从这样做中脱颖而出

下面是一个例子来说明这个问题

在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;
}

---

问题是最后一个属性。删除“位置：绝对；”；这导致div从浏览器的正常定位流中退出。

我在尝试修复另一个问题时无意中解决了此问题：

我改变了这一点：

。日历事件：悬停{
溢出：可见；
背景：无重复滚动0 0#FAFAFA；
边框：实心1px#999999；
宽度：自动；
线高：1.5em；
高度：自动；
位置：绝对位置；
}

为此：

。日历事件：悬停。事件标题{
溢出：可见；
背景：无重复滚动0 0#FAFAFA；
边框：实心1px#999999；
宽度：自动；
线高：1.5em；
高度：自动；
位置：绝对位置；
}

---

它解决了我的问题。

我会这样做，但我认为我需要保留它，以便hover元素保持在页面上的所有元素之上。