Html 如何使下拉菜单显示在另一个div的顶部

Html 如何使下拉菜单显示在另一个div的顶部,html,css,Html,Css,我在当前菜单中添加了一个下拉菜单 但问题是,下拉部分停留在内容后面 我如何解决这个问题,而不是将位置设置为绝对位置和固定的手动测量 谢谢尝试将下拉列表容器的z索引设置为大于内容的z索引 <div style="z-index:1;"> Content div </div> <div style="z-index:2"> your dropdown content </div> 内容部 您的下拉列表内容 只需根据需要设置css和html,无

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

但问题是,下拉部分停留在内容后面

我如何解决这个问题,而不是将位置设置为绝对位置和固定的手动测量


谢谢

尝试将下拉列表容器的z索引设置为大于内容的z索引

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

内容部
您的下拉列表内容

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

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

例如:

#menu {
    z-index: 1;
}

#dopdown {
    z-index: 2;
}
更新:


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

查看以下链接:


您是否为下拉菜单提供了更高的
z-index
值?向我们展示一些使用float属性或位置或许多东西可能会遗漏的代码z-index:1/2;工作仅当您向他们提供工作演示时,才会接受此答案。。否则,请使用注释secion。您确定只给出
z-index
值这会起作用吗?请先检查它。您能否说明否决投票的原因,以便我将来可以改进我的答案?