Javascript 雷：没有； } #cssmenu>ul>li>a{ 显示：块； } #cssmenu>ul>li{ 宽度：自动； } #cssmenu>ul>li>ul{ 宽度：170px； 显示：块； } #cssmenu>ul>li>ul>li{ 宽度：170px； 显示：块； } @媒体全部和（最大宽度：800px），仅屏幕和（-webkit最小设备像素比：2）和（最大宽度：1024px），仅屏幕和（最小-moz设备像素比：2）和（最大宽度：1024px），仅屏幕和（-o-min-device-pixel比：2/1）和（最大宽度：1024px），仅屏幕和（最小设备像素比：2）和（最大宽度：1024px），仅屏幕和（最小分辨率：192dpi）和（最大宽度：1024px），仅屏幕和（最小分辨率：2dppx）和（最大宽度：1024px）{ #cssmenu>ul{ 最大高度：0； 溢出：隐藏； -webkit过渡：最大高度0.35s缓解； -moz过渡：最大高度0.35s放松； -ms过渡：最大高度0.35s缓解； -o型过渡：最大高度为0.35s； 过渡：最大高度为0.35s； } #cssmenu>ul>li>ul{ 宽度：100%； 显示：块； } #cssmenu.align-right ul li a{ 文本对齐：左对齐； } #cssmenu>ul>li>ul>li{ 宽度：100%； 显示：块； } #cssmenu.align-right ul li a{ 文本对齐：左对齐； } #cssmenu>ul>li>ul>li>a{ 宽度：100%； 显示：块； } #cssmenu ul li ul li a{ 宽度：100%； } #cssmenu.align-center>ul{ 文本对齐：左对齐； } #cssmenu.align-center>ul>li{ 显示：块； } #cssmenu>ul.open{ 最大高度：1000px； 边框顶部：1px实心rgba（110,110,110,0.25）； } #cssmenu ul{ 宽度：100%； } #cssmenu ul>li{ 浮动：无； 宽度：100%； } #cssmenu ul li a{ -webkit框大小：边框框； -moz框大小：边框框； 框大小：边框框； 宽度：100%； 填充：12px 20px； } #cssmenu ul>li：之后{ 显示：无； } #cssmenu ul li.has-sub>a：之后， #cssmenu ul li.has-sub>a：之前， #cssmenu ul li.有以下子项：， #cssmenu ul li.有子项：之前{ 显示：无； } #cssmenu ul li ul， #cssmenu ul li ul， #cssmenu ul li:悬停>ul， #cssmenu.align-right-ul-li-ul， #cssmenu.align-right ul li ul， #cssmenu.align-right ul li:悬停>ul{ 左：0； 位置：相对位置； 右：自动； } #cssmenu ul li ul li， #cssmenu ul li：悬停>ul>li{ 最大高度：999px； 位置：相对位置； 背景：无； } #cssmenu ul li ul li a{ 填充：8px 20px 8px 35px； 颜色：#ffffff； } #cssmenu ul li ul li a{ 填充：8px 20px 8px 50px； } #cssmenu ul li:悬停>a{ 颜色：#000000； } #cssmenu#菜单按钮{ 显示：块； -webkit框大小：边框框； -moz框大小：边框框； 框大小：边框框； 宽度：100%； 填充：15px 20px； 文本转换：大写； 字号：700； 字体大小：14px； 字母间距：1px； 颜色：#ffffff； 光标：指针； } #cssmenu#菜单按钮：之后{ 显示：块； 内容：''； 位置：绝对位置； 高度：3倍； 宽度：22px； 边框顶部：2个实心#ffffff； 边框底部：2个实心#ffffff； 右：20px； 顶部：16px； } #cssmenu#菜单按钮：之前{ 显示：块； 内容：''； 位置：绝对位置； 高度：3倍； 宽度：22px； 边框顶部：2个实心#ffffff； 右：20px； 顶部：26px； } }

我在这把小提琴上复制了你的代码，它实际上是固定的吗

我没有改变任何事情，还是我弄错了

#navBar {
  width: 100%;
  position: fixed;
  z-index: 100;
}

---

发布相关编码。您的链接可能在将来某个时候中断，问题将失去价值。请按照上的说明编辑您的问题。感谢您的合作。我想指出一个类似的问题和一个可能有帮助的解决方案，嗯，好的，因此它在没有animated.css的情况下工作，但一旦添加animated.css effects it breaks:/添加了animate.css和z-index到#导航栏，在这里效果很好：现在如果你看一看你发送的导航栏不再有用了，你到底是什么意思不再有用了？导航栏是固定的，下拉菜单也在工作了？我弄明白了为什么它在我这边不起作用，我把整个东西都放在一个div中了（包括导航条）有一个动画，这就是它的原因，为了修复它，我刚把导航从那个div中拿出来，现在一切正常了，谢谢你的帮助！