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

问题是最后一个属性。删除＆＃34;位置：绝对;＆＃34 ;;这导致div逃离浏览器的正常定位流程。

Answer 2

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

我改变了这个：

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

到此：

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

它解决了我的问题。

当鼠标悬停在DIV上时，如何防止DIV向下滑动

2 个答案: