Html 需要下拉菜单子菜单中的帮助吗

我从互联网上获得了一些CSS和HTML代码，作为下拉菜单。请看下面的代码片段。它只有一个下拉菜单。我需要下拉菜单中的子菜单。请帮忙

ul{
列表样式类型：无；
保证金：0；
填充：0；
溢出：隐藏；
背景色：#333；
}
李{
浮动：左；
}
李安，.dropbtn{
显示：内联块；
颜色：白色；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
}
li a:悬停，.下拉：悬停.dropbtn{
背景色：白色；
}
li.下拉列表{
显示：内联块；
}
.下拉内容{
显示：无；
位置：绝对位置；
背景色：#f9f9f9；
最小宽度：160px；
盒影：0px 8px 16px 0px rgba（0,0,0,0.2）；
z指数：1；
}
.下拉内容a{
颜色：黑色；
填充：12px 16px；
文字装饰：无；
显示：块；
文本对齐：左对齐；
}
.下拉内容a:悬停{背景色：#f1f1}
.下拉：悬停.下拉内容{
显示：块；
}

（此处需要子菜单）

您好，您可以按照下面的代码操作，希望对您有所帮助

#导航{
高度：35px；
列表样式：无；
保证金：0；
填充：0；
浮动：左；
文本对齐：居中；
颜色：蓝色；
}
#李海军{
显示：内联块；
位置：相对位置；
浮动：左；
}
#李娜{
显示：内联块；
宽度：200px；
线高：35px；
填充：0；
文字装饰：无；
颜色：蓝色；
}
#导航李{浮动：左；#006633；}
#导航li a{显示：块；字体大小：12px；}
#导航ul{
位置：绝对位置；
填充：0px；
左：0；
显示：无；
}
#导航li:悬停ul{显示：无；}
#导航li:悬停ul{display:block；}
#导航李：悬停ul{左边距：100px；顶部距：-35px；显示：块；}

您可以在这里使用CSS Flexbox，复制和对齐项目要容易得多

请看下面的片段：

.list{
显示器：flex；
背景:#555；
}
.列表李a：悬停{
背景：#888；
}
.list li a:悬停~。下拉列表内容{
显示器：flex；
}
保险商实验室{
列表样式类型：无；
保证金：0；
填充：0；
背景色：#333；
}
李{
浮动：左；
}
李安，.dropbtn{
显示：内联块；
颜色：白色；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
}
li a:悬停，.下拉列表内容li a:悬停{
背景色：白色；
}
li.下拉列表{
显示：内联块；
}
.下拉内容{
显示：无；
弯曲方向：立柱；
位置：绝对位置；
背景色：#f9f9f9；
最小宽度：160px；
盒影：0px 8px 16px 0px rgba（0,0,0,0.2）；
z指数：1；
}
.下拉列表内容：悬停{
显示器：flex；
}
.下拉内容a{
颜色：黑色；
填充：12px 16px；
文字装饰：无；
显示：块；
文本对齐：左对齐；
}
.下拉列表内容a：悬停{
背景色：#f1f1
}
.下拉：悬停.下拉内容{
/*显示：块*/
}
li.子菜单：悬停ul{
显示器：flex；
}
.下拉列表内容li{
位置：相对位置；
}
li.子菜单ul{
显示：无；
弯曲方向：立柱；
位置：绝对位置；
排名：0；
左：100%；
宽度：100%；
背景色：#f9f9f9；
最小宽度：160px；
盒影：0px 8px 16px 0px rgba（0,0,0,0.2）；
}

您可以参考此。我希望这将有助于满足您的需求。您可以通过链接

https://superfish.joelbirch.co/examples/

这有几行javascript。但是您有许多选项可以自定义。