Javascript 如何修复主剖面下溢出的隐藏导航？

我隐藏的导航应该放在主部分下面，当向下滚动页面时会溢出

我已经将我的主要部分设置为最小高度：100vh，带有背景色和z索引，所以我不明白为什么这仍然会溢出

nav{
位置：固定；
排名：0；
右：0；
宽度：300px；
身高：100%；
背景色：#ff5000；
颜色：#fbf9f9；
字体系列：“Anx常规”；
字号：28px；
显示器：flex；
弯曲方向：立柱；
证明内容：中心；
}
主要{
位置：相对位置；
z指数：1；
背景色：#fbf9f9；
最小高度：100vh；
转变：转变0.8s；
}
主要的，公开的{
转换：转换（-300px，0）；
}

const-toggleTag=document.querySelector（“a.toggle-nav”）
const mainTag=document.querySelector（“main”）
toggleTag.addEventListener（“单击”，函数（）{
mainTag.classList.toggle（“打开”）
if（mainTag.classList.contains（“打开”））{
toggleTag.innerHTML=``
toggleTag.style.width=“30px”
}否则{
toggleTag.innerHTML=``
toggleTag.style.width=“30px”
}

---

100vh表示显示窗口的全高（例如800px）所以这不是你需要解决的问题。你可以设置一个位置：固定到导航，这样即使你向下滚动，导航也始终位于屏幕的右上角。如果你需要在页面顶部显示导航，请尝试切换到绝对位置。

100vh表示显示窗口的全高（比如说800px）所以这不是你需要解决的问题。你可以设置一个位置：固定到导航，这样即使你向下滚动，它也总是在屏幕的右上角。如果你需要它在页面顶部时显示，试着切换到绝对位置。

这是因为

中的

标记有css
height:100vh
。这似乎是在缩短该部分。我不知道在其他地方还使用了该部分，但只要删除该规则就可以修复它。您可能还可以执行更具体的操作，如
section.crit1，section.crit1 section{height:auto；}
如果该规则在其他地方很重要。
这是因为
中的
标记具有css
高度：100vh
。这似乎缩短了该部分。我不知道在其他地方使用了该规则，但只要删除该规则就可以修复它。您可能还可以执行更具体的操作，如
部分。crit1，ssection.crit1节{高度：自动；}
如果该规则在其他地方很重要。
在您的问题中发布所有相关代码。不要派贡献者到其他地方研究您的代码，我们将忽略您的问题。在此处学习使用CSS智能布局：。您可以编辑您的问题并插入代码。您只需将背景色添加到event1 div。这是一个“黑客”当然。你一定要阅读Dudi Boy在评论中链接的内容，并确保你知道如何正确使用布局。在你的问题中发布所有相关代码。不要发送贡献者到其他地方研究你的代码，我们只会忽略你的问题。还要在此处学习使用CSS智能布局：。你可以编辑你的问题并插入现在不要编写代码。只需将背景色添加到event1 div即可。这是一个“hack”当然。你一定要阅读Dudi Boy在评论中链接的内容，并确保你知道如何正确使用布局。如果他们想弄乱标题上的位置，最好查看
位置：粘滞
。不过，他们可能希望在此处验证其浏览器支持要求：（他们也可能想看看这一点）。如果他们想搞乱标题上的定位，最好看看
位置：sticky
。不过，他们可能想在这里验证他们的浏览器支持要求：（他们也可能想看看这一点）.aah谢谢！我没有在我的css中设置section.crit1的高度，这就是为什么我很困惑它是如何得到这个的，但我只是在查看页面时看到了它。我只是现在将它设置为自动，它已经被修复了。谢谢！aah谢谢！我没有在我的css中设置section.crit1的高度，这就是为什么我很困惑它是如何得到这个的，但我只是看到了它当我检查页面时，我刚刚将它设置为自动，现在它已修复。谢谢！