我正在制作一个使用html，css和javascript的导航栏。当我使导航栏响应并且需要帮助时，我最近遇到了一个问题。这是一个指向codepen的链接：https://codepen.io/Linus_Ekman/pen/WMeJvv我粘贴了所有代码，以便您可以更好地了解我的意思并尝试帮助我。所以一切都运行良好，除了当我点击“汉堡包”图标时，下拉列表应该出现在导航栏下方，该栏位在页面的整个宽度上，并且列中有4个导航选项。以下是单击“汉堡包”图标时我希望它执行的示例：https://codepen.io/Linus_Ekman/full/wywjoB/
Tell me if you need any more information
编辑： 下拉列表现在按照您在第一个codepen链接中看到的方式工作。但还有另一个问题。如果您在下拉菜单中将鼠标悬停在“汉堡包”图标下方，则可以看到链接在那里，这意味着导航栏在那里但只是没有显示。我怎么能让它们消失？
答案 0 :(得分：-1)
我正在查看您的示例，如果您向show类（ul.show）添加一些规则，则可以使其工作：
您需要设置background-color: #fff和left: 0，这样你就可以了。
我分叉了你的笔，你可以在这里查看代码https://codepen.io/fermijs/pen/aqoGyG