可滚动 div 中的绝对 div 滚动答案

【问题标题】：Absolute div scroll in scrollable div可滚动 div 中的绝对 div 滚动
【发布时间】：2012-12-25 03:05:50
【问题描述】：

我们的问题：我制作了一个 div 并制作了另一个 div 来悬停这个 div 并且我使用绝对位置，但是父 div 制作可滚动的 div 那么这个绝对位置 div 不是 scroll 。那么如何在可滚动的 div 中滚动这个 div？

我像这样制作悬停div：

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

查看 jsfiddle 链接中的悬停 div（红色边框）。

我在可滚动的主 div 中的其他 div 上制作了一个悬停 div。所以我使用绝对位置制作悬停div。但我遇到了一个问题：当主 div 滚动时，这个悬停 div 不像相对 div 那样滚动。那么如何在scrollable div中滚动hover div呢？

【问题讨论】：

我在可滚动的主 div 中的其他 div 上制作了一个悬停 div。见链接。所以我使用绝对位置制作悬停 div。但我遇到了一个问题：当主 div 滚动时，这个悬停 div 不像相对 div 那样滚动。那么如何在可滚动的 div 中滚动悬停 div？
问题到底是什么？

标签： html css

【解决方案1】：

你可以试试这个

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

你必须把你的绝对 div 放在相对 div 中

【讨论】：