Html 绝对div在可滚动div中滚动

我们的问题是：我为悬停这个div做了一个div和另一个div，我使用绝对位置，但是父div做了可滚动div，那么这个绝对位置div不是滚动的。 那么如何在可滚动div中滚动此div？

我制作悬停div时如下所示：

#hover {
height: 56px;
    left: 158px;
    top: 156px;
    width: 56px;
    border: 2px dashed red;
    display: block;
    position: absolute;
}

检查此链接：

请参阅jsfiddle链接中的hover div（红色边框）

我在可滚动的主div中的另一个div上创建了一个hover div。所以我使用绝对位置创建了hover div。但我有一个问题：当主div滚动时，这个悬停div不像相对div那样滚动。那么如何在可滚动div中滚动悬停div呢？

你可以试试这个

<div style="position: relative;">
    <div id="hover">
    ...
    </div>
</div>

...

---

您必须将绝对div置于相对div中

我将一个悬停div置于可滚动主div中的另一个div上。请参见链接中的。所以我用绝对位置来做悬停div。但我有一个问题：当主div滚动时，这个悬停div并不像相对div那样滚动。那么如何在可滚动div中滚动悬停div呢？问题到底是什么？