Html 我的导航栏正在崩溃，但当我不在上面悬停时

我正在为一个作业制作一个登录页，然后做导航栏，然后我发现我必须将导航栏设置为顶部，在我修复它之后，第二个导航栏的折叠只是在我没有在上面悬停的时候出现。不得不为下一个项目增加更多的利润，以“合理地”工作，但这有点难看

。固定顶{
位置：固定；
右：0；
左：0；
z指数：1030；
排名：0；
边框宽度：0 0 1px；
}
#海军ulli a{
显示：块；
填充：7px 15px；
文字装饰：无；
字体大小：粗体；
颜色：#FFFFFF；
}
#导航李a：悬停{
颜色：#000000；
背景色：#fff；
}
#nav.navbar izquierda ul{
宽度：100%；
浮动：左；
保证金：自动；
填充：0；
列表样式：无；
背景色：#434343；
盒影：10px 0 10px#000000；
边框底部：1px实心#000000；
}
.clearfix:之后{
显示：块；
明确：两者皆有；
}
.菜单包装{
宽度：100%；
盒影：0px 1px 3px rgba（0,0,0,0.2）；
背景#3e3436；
}
.菜单{
宽度：自动；
保证金：0px自动；
}
李先生{
边际：0px；
列表样式：无；
}
.菜单a{
过渡：全线性0.15s；
颜色：#919191；
}
.menu li:悬停>a、.menu.当前项>a{
文字装饰：无；
颜色：#be5b70；
}
.菜单.箭头{
字体大小：11px；
线高：0%；
}
.menu>ul>li{
浮动：左；
显示：内联块；
位置：相对位置；
字体大小：14px；
}
.menu>ul>li>a{
填充：10px 40px；
显示：内联块；
文本阴影：0px 1px 0px rgba（0,0,0,0.4）；
}
.menu>ul>li:悬停>a、.menu>ul>当前项>a{
背景：#2e2728；
}
/*-----下拉导航条-----*/
.菜单li：悬停.子菜单{
z指数：1；
不透明度：1；
}
.子菜单{
宽度：100%；
填充：5px0px；
位置：绝对位置；
最高：100%；
左：0px；
z指数：-1；
不透明度：0；
过渡：不透明度线性0.15s；
盒影：0px2p3pRGBA（0,0,0,0.2）；
背景：#2e2728；
}
.子菜单li{
显示：块；
字体大小：16px；
}
.子菜单LIA{
填充：10px 30px；
显示：内联块；
}
.子菜单li a：悬停，.子菜单.当前项a{
背景#3e3436；
}

关键是将下拉菜单设置为

可视性：隐藏在开始和
可见：可见处于
状态：悬停在
状态


。固定顶{
位置：固定；
右：0；
左：0；
z指数：1030；
排名：0；
边框宽度：0 0 1px；
}
#海军ulli a{
显示：块；
填充：7px 15px；
文字装饰：无；
字体大小：粗体；
颜色：#FFFFFF；
}
#导航李a：悬停{
颜色：#000000；
背景色：#fff；
}
#nav.navbar izquierda ul{
宽度：100%；
浮动：左；
保证金：自动；
填充：0；
列表样式：无；
背景色：#434343；
盒影：10px 0 10px#000000；
边框底部：1px实心#000000；
}
.clearfix:之后{
显示：块；
明确：两者皆有；
}
.菜单包装{
宽度：100%；
盒影：0px 1px 3px rgba（0,0,0,0.2）；
背景#3e3436；
}
.菜单{
宽度：自动；
保证金：0px自动；
}
李先生{
边际：0px；
列表样式：无；
}
.菜单a{
过渡：全线性0.15s；
颜色：#919191；
}
.menu li:悬停>a、.menu.当前项>a{
文字装饰：无；
颜色：#be5b70；
}
.菜单.箭头{
字体大小：11px；
线高：0%；
}
.menu>ul>li{
浮动：左；
显示：内联块；
位置：相对位置；
字体大小：14px；
}
.menu>ul>li>a{
填充：10px 40px；
显示：内联块；
文本阴影：0px 1px 0px rgba（0,0,0,0.4）；
}
.menu>ul>li:悬停>a、.menu>ul>当前项>a{
背景：#2e2728；
}
/*-----下拉导航条-----*/
.菜单li：悬停.子菜单{
z指数：1；
不透明度：1；
能见度：可见；
}
.子菜单{
宽度：100%；
填充：5px0px；
位置：绝对位置；
最高：100%；
左：0px；
z指数：-1；
不透明度：0；
过渡：不透明度线性0.15s；
盒影：0px2p3pRGBA（0,0,0,0.2）；
背景：#2e2728；
可见性：隐藏；
}
.子菜单li{
显示：块；
字体大小：16px；
}
.子菜单LIA{
填充：10px 30px；
显示：内联块；
}
.子菜单li a：悬停，.子菜单.当前项a{
背景#3e3436；
}














关键是将下拉菜单设置为
可视性：隐藏在开始和
可见：可见处于
状态：悬停在
状态


。固定顶{
位置：固定；
右：0；
左：0；
z指数：1030；
排名：0；
边框宽度：0 0 1px；
}
#海军ulli a{
显示：块；
填充：7px 15px；
文字装饰：无；
字体大小：粗体；
颜色：#FFFFFF；
}
#导航李a：悬停{
颜色：#000000；
背景色：#fff；
}
#nav.navbar izquierda ul{
宽度：100%；
浮动：左；
保证金：自动；
填充：0；
列表样式：无；
背景色：#434343；
盒影：10px 0 10px#000000；
边框底部：1px实心#000000；
}
.clearfix:之后{
显示：块；
明确：两者皆有；
}
.菜单包装{
宽度：100%；
盒影：0px 1px 3px rgba（0,0,0,0.2）；
背景#3e3436；
}
.菜单{
宽度：自动；
保证金：0px自动；
}
李先生{
边际：0px；
列表样式：无；
}
.菜单a{
过渡：全线性0.15s；
颜色：#919191；
}
.menu li:悬停>a、.menu.当前项>a{
文字装饰：无；
颜色：#be5b70；
}
.菜单。