Html “我的页面内容”下的下拉菜单显示

我有一个使用boostrap卡的下拉菜单，如下所示：

我为card div，position absolute将z-index属性设置为1000。这张卡片位于我页面顶部的水平菜单中，位置固定。我的身体有一个相对位置，我的div和我的页面内容也有一个相对位置

这是我的页面的呈现：

这是我的HTML代码：

&9776; {block badge_research%}{%endblock} !-> {%if\u被授予“角色\u上一个\u管理员”%} {%endif%} {%else%} {%endif%} {%block-badge_-research%}{%endblock%} {%if是\u授权的是\u认证的\u记住的%} {%block navbar%} {{'acreat.mailing.title.website'| trans}} {%-set numberNotSent=doctrine.createQueryBuilder。从'CoreBundle:Message'，'u'中选择'COUNTu.id'。其中u.status！='COMPLETED' .andWhereu.account=~app.user.id.andWhereu.status！='SUBMITTED'.getQuery.getResult-%} {%-set numberSent=doctrine.createQueryBuilder。从'CoreBundle:Message'，'u'中选择'COUNTu.id'。其中u.status='COMPLETED' .andWhereu.account=~app.user.id.getQuery.getResult-%} {%-if_被授予'ROLE_ADMIN'-%} {%-endif-%} {%endblock导航栏%} {%-endif-%} {%block body%} {%-如果app.user==false-%} {%-else-%} {%-endif-%} {%block flashmessage%} {%用于app.session.flashbag.get'notice'%} {{flashMessage}} {%endfor%} {%用于app.session.flashbag.get'fail%} {{flashMessage}} {%endfor%} {%用于app.session.flashbag.get'success%} {{flashMessage}} {%endfor%} {%endblock flashmessage%} {%block main%} {%-block面包屑-%}{%-endblock-%} {%-block-confirmation-%}{%-endblock-%} {%endblock main%} {%block fos_user_content%} {%endblock fos_user_content%} {%endblock body%}

---

你应该为固定的父元素设置z-index，而不是为卡片设置z-index

你应该在这里给出一些代码，或者至少给出链接，这样我们就可以看到如何解决这个问题了。不能给出链接，因为它实际上是本地的，但我可以编辑我的问题，当然可以给你我的HTML代码！如果你有任何代码，你应该张贴在这里，以帮助我们看到你在尝试什么。您可能还想查看第二张图片中的标签创建代码并共享链接代码或链接，否则我们无法帮助您。至少那一部分…谢谢你，伙计。。。就这么简单。。。我没有想到这一点，因为我认为我的水平菜单将悬停在我的垂直侧边栏上，但我只需要将侧边栏的z-index属性设置为x+1，将水平菜单的z-index设置为x。。。谢谢！