Javascript 试图弄明白如何让汉堡菜单在打开后保持静止

从这个演示中

https:// codepen.io/ducktectiveQuack/pen/mPGMRZ  

我无法理解代码块，因此我进行了欺骗（只需删除“/”和“c”lol之间的空格）

我试图使它，一旦你点击汉堡菜单，下拉菜单出现，但没有更多。将鼠标悬停在“社交”选项卡上后，菜单将向右移动，然后再次移动。我只想让它在整个过程中保持静止，即使在它掉下来之后

我对HTML/CSS，尤其是JavaScript（我的教授在这方面帮助了我）还是相当陌生的，所以如果这看起来是一个非常基本的问题，我很抱歉

我以为简单地说‘位置：固定’或‘位置：绝对’就可以了，但这并不是哈哈

先谢谢你

出现下拉列表，但仅此而已。正如你所看到的，现在 菜单向右移动。然后，在您将鼠标悬停在上方后，它会再次移动 社会标签。我只是想让它一直保持静止， 即使它掉下来了

尝试将

#菜单

位置

设置为

绝对

，

.nav li:hover ul

位置设置为

绝对

，

顶部

设置为

200px

，

左侧

设置为

0px

。注意，

html

缺少结束标记

 #menu {
    position:absolute;
 }

.nav li:hover ul {
    position:absolute;
    top:200px;
    left:0px;
  }

document.getElementsByTagName（“h1”）[0].style.fontSize=“80px”
正文{
背景色：#a3d5d3；
}
#菜单{
位置：绝对位置；
}
李海军：悬停{
位置：绝对位置；
顶部：200px；
左：0px；
}

香蕉之家
身体{
填充：0；
保证金：0；
背景图片：url（“img/vicmensa.jpg”）；
背景色：#515151；
}
标题{
利润率：40px 0px 0px 60px；
位置：固定；
}
#容器{
利润率：150px 0px 0px 400px；
文本对齐：左对齐；
位置：固定；
颜色：白色；
字号：24pt；
字体系列：monospace；
}
.标题栏{
保证金：20px 0px 0px 30px；
文本对齐：左对齐；
颜色：#00b4ff；
字体系列：monospace；
字号：24pt；
}
.文本块{
保证金：0px 0px 0px 30px；
宽度：400px；
文本对齐：左对齐；
颜色：白色；
字体系列：monospace；
字号：16pt；
}
.导航{
显示：无；
文本对齐：左对齐；
字号：14pt；
}
.导航a:悬停{
颜色：白色；
文字装饰：无；
}
美国海军{
显示：无；
背景：无；
}
李海军：悬停{
显示：块；
}
a{
文字装饰：无；
颜色：#00b4ff；
}
李{
列表样式：无；
}
.汉堡纽扣{
背景：无；
位置：绝对位置；
边界：0；
颜色：白色；
大纲：无；
字号：20pt；
字体系列：monospace；
}
.x按钮{
背景：无；
位置：绝对位置；
边界：0；
颜色：白色；
大纲：无；
字号：20pt；
字体系列：monospace；
}




























前中后
宽度：100%；高度：2px；背景色：白色；边框半径：2px；边距：0px 0px 5px 0px；“>
名词

城市、州

初级


我从代码笔看不到页面。谢谢，这是一个如此简单的修复，我现在觉得自己很傻哈哈。。。我认为我不必在id中指定它，只需在类中指定它。@AaronL请参阅更新的帖子，并将
ul
设置为
：将
悬停在“Social”以保持固定。