为什么我的菜单隐藏在我的主容器后面,只能通过滚动才能看到?
我尝试过增加z索引和改变定位类型,但似乎只有当我增加 nav-container 的 min-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;
}
个字符
1条答案
按热度按时间6za6bjd01#
这很可能是因为你要么使用第三方库为你的汉堡菜单,要么你使用绝对定位为你的汉堡菜单或它的容器。你可能想看看这篇文章的绝对定位,你也可能想阅读这[1]:Position:absolute element being hidden behind later elements