Html CSS下拉菜单已损坏

Html CSS下拉菜单已损坏,html,css,dropdown,Html,Css,Dropdown,我有一个可悬停的下拉菜单,子链接应该向右侧打开。这段代码几年来一直保持不变,并且一直有效。现在我添加了一个新的子链接,代码中断了 这是菜单的代码: #divMenu,ul,li,li{ 保证金:0; 填充:0; } #divMenu{ 宽度:150px; 高度:27px; } #迪沃{ 线高:50px; } #divMenu li{ 列表样式:无; 位置:相对位置; 背景:#cfcfcf; 字体大小:20px; } #李莉{ 列表样式:无; 位置:相对位置; 背景:#C0C0; 左:148px

我有一个可悬停的下拉菜单,子链接应该向右侧打开。这段代码几年来一直保持不变,并且一直有效。现在我添加了一个新的子链接,代码中断了

这是菜单的代码:

#divMenu,ul,li,li{
保证金:0;
填充:0;
}
#divMenu{
宽度:150px;
高度:27px;
}
#迪沃{
线高:50px;
}
#divMenu li{
列表样式:无;
位置:相对位置;
背景:#cfcfcf;
字体大小:20px;
}
#李莉{
列表样式:无;
位置:相对位置;
背景:#C0C0;
左:148px;
顶部:-27px;
字体大小:12px;
z指数:999;
}
#迪乌尔利阿酒店{
宽度:148px;
高度:40px;
显示:块;
文字装饰:无;
文本对齐:居中;
字体系列:佐治亚州,'Times New Roman',衬线;
颜色:#000000;
边框:1px实心#2d2d;
}
#二分菜单{
位置:绝对位置;
可见性:隐藏;
顶部:27px;
}
#divul li菜单:悬停ul{
能见度:可见;
}
#Divli:悬停{
背景色:#C0;
}
#divMenu ul li:悬停ul li a:悬停{
背景色:#C0;
}
#Diva菜单:悬停{
字体大小:无;
}


  • 您错过了
    之后的起始
    标记。在
    之后添加
    将为您解决此问题

    #divMenu,ul,li,li{
    保证金:0;
    填充:0;
    }
    #divMenu{
    宽度:150px;
    高度:27px;
    }
    #迪沃{
    线高:50px;
    }
    #divMenu li{
    列表样式:无;
    位置:相对位置;
    背景:#cfcfcf;
    字体大小:20px;
    }
    #李莉{
    列表样式:无;
    位置:相对位置;
    背景:#C0C0;
    左:148px;
    顶部:-27px;
    字体大小:12px;
    z指数:999;
    }
    #迪乌尔利阿酒店{
    宽度:148px;
    高度:40px;
    显示:块;
    文字装饰:无;
    文本对齐:居中;
    字体系列:佐治亚州,'Times New Roman',衬线;
    颜色:#000000;
    边框:1px实心#2d2d;
    }
    #二分菜单{
    位置:绝对位置;
    可见性:隐藏;
    顶部:27px;
    }
    #divul li菜单:悬停ul{
    能见度:可见;
    }
    #Divli:悬停{
    背景色:#C0;
    }
    #divMenu ul li:悬停ul li a:悬停{
    背景色:#C0;
    }
    #Diva菜单:悬停{
    字体大小:无;
    }
    
    

    您刚开始缺少开头元素ul。只需将html代码更改为以下内容:

    
    

    您添加了什么子链接?我们需要更多信息,您添加了什么以及它是如何损坏的?我添加了:
  • 谢谢!标签确实解决了我的问题。我不知道我自己怎么看不出这个错误。