css 为什么我的汉堡菜单藏在容器后面?

4jb9z9bj  于 11个月前  发布在  其他
关注(0)|答案(1)|浏览(178)

为什么我的菜单隐藏在我的主容器后面,只能通过滚动才能看到?
我尝试过增加z索引和改变定位类型,但似乎只有当我增加 nav-containermin-height 时才有效。
我尝试过使用 onClick 事件侦听器和React钩子来增加 nav-container 的高度,但我不确定这是否是正确的方法。
我该怎么克服呢?
下面是我的CSS代码:

.container {
  max-width: 1050px;
  width: 90%;
  margin: auto;
  outline: 3px solid red;
  background-color: wheat;
  z-index: 30;
  min-height: 100vh;
}

.navContainer {
  display: block;
  position: relative;
  height: 60px;
}

个字符

6za6bjd0

6za6bjd01#

这很可能是因为你要么使用第三方库为你的汉堡菜单,要么你使用绝对定位为你的汉堡菜单或它的容器。你可能想看看这篇文章的绝对定位,你也可能想阅读这[1]:Position:absolute element being hidden behind later elements

相关问题