如何使下拉菜单出现在另一个div的顶部

时间:2014-03-28 10:08:38

标签: html css

我在当前菜单中添加了一个下拉菜单。

但问题是下拉部分留在内容之后。

如何解决这个问题,而不是让位置绝对和固定的手动措施?

由于

3 个答案:

答案 0 :(得分:2)

您可以将z-index菜单的dropdown设置为更高的值

例如:

#menu {
    z-index: 1;
}

#dopdown {
    z-index: 2;
}

更新:

您可能想将菜单中其他元素的z-index也设置为1

答案 1 :(得分:0)

尝试将下拉容器的z-index设置为多于内容的z-index。

<div style="z-index:1;">
 Content div
</div>
<div style="z-index:2">
your dropdown content 
</div>

根据需要设置你的css和html,无论你的问题是什么,都将用z-index属性解决。

答案 2 :(得分:0)