可滚动div中的绝对div滚动

时间:2012-08-28 11:50:28

标签: css html5 css3 html

我们的问题:我创建一个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;
}

点击此链接:http://jsfiddle.net/kamlesh0606/yrjPA/

在jsfiddle链接中查看悬停div(红色边框)。

我在可滚动主div中的其他div上创建一个悬停div。所以我使用绝对位置制作悬停div。但我有一个问题:当主div滚动时,这个悬停div不像相对div那样滚动。那么如何在可滚动的div中滚动悬停div?

1 个答案:

答案 0 :(得分:5)

你可以试试这个

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

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