Html 我能'；t下拉其父菜单下的子菜单

这是我代码的HTML。我在下拉菜单选项中创建了带有子菜单的导航菜单栏，但我的子菜单未在父菜单下下拉“dropdown”是父菜单

.nav wrap{
背景：白色；
宽度：100%；
高度：50px；
位置：相对位置；
顶部：-13px；
溢出：可见；
}
#示例一{
保证金：0自动；
列表样式：无；
位置：相对位置；
宽度：100%；
}
#示例一li{
显示：内联块；
字体系列：“蒙特塞拉特”，无衬线；
}
#例一{
颜色：#000；
字体大小：粗体；
字体大小：14px；
浮动：左；
填充：15px 15px；
文字装饰：无；
左：350px；
位置：相对位置；
颜色：#000；
} 
#例一：在{
颜色：#333；
内容：''；
位置：绝对位置；
宽度：0；高度：3倍；
显示：块；
边缘顶部：2倍；
右：0；
背景：#000；
-webkit转换属性：左、右；
过渡属性：左、右；
过渡：宽度1s；
-webkit过渡：宽度为1s；
} 
#示例一a：悬停：之后{
宽度：100%；
左：0；
背景：#000；
}
.dropbtn{
颜色：白色；
字体大小：16px；
边界：无；
光标：指针；
}
.下拉列表{
位置：相对位置；
显示：内联块；
}
.下拉内容{
显示：无；
位置：绝对位置；
最小宽度：160px；
盒影：10px 10px 10px 10px rgba（0,0,0,0.2）；
z指数：1；
}
.下拉内容a{
颜色：黑色；
文字装饰：无；
显示：块；
}
.下拉内容a:悬停{背景色：#f1f1}
.下拉：悬停.下拉内容
{
显示：块；
}

.nav wrap{
背景：白色；
宽度：100%；
}
#例一{
文本对齐：右对齐；
}
#例一李{
文本对齐：左对齐；
位置：相对位置；
显示：内联块；
字体系列：“蒙特塞拉特”，无衬线；
}
#例一a{
颜色：#000；
字体大小：粗体；
字体大小：14px；
填充：15px 15px；
文字装饰：无；
位置：相对位置；
颜色：#000；
}
#例一：之后{
颜色：#333；
内容：''；
位置：绝对位置；
宽度：0；
高度：3倍；
显示：块；
边缘顶部：2倍；
右：0；
背景：#000；
-webkit转换属性：左、右；
过渡属性：左、右；
过渡：宽度1s；
-webkit过渡：宽度为1s；
}
#示例一a：悬停：之后{
宽度：100%；
左：0；
背景：#000；
}
.下拉内容{
显示：无；
位置：绝对位置；
最高：100%；
左：0；
最小宽度：160px；
盒子阴影：10px 10px 10px 10px rgba（0,0,0,0.2）；
z指数：1；
}
.下拉内容a{
颜色：黑色；
文字装饰：无；
显示：块；
}
#例一李莉{
显示：块；
}
#示例一li:hover>ul{
显示：块；
}

我还更新了您的CSS代码和HTML。您的结构过于复杂，并且带有

id

的css不能用于其他下拉菜单

.nav{
显示：内联块；
文本对齐：左对齐；
}
.导航，
.下拉列表{
填充：0；
保证金：0；
列表样式类型：无；
}
.nav>li{
浮动：左；
位置：相对位置；
}
.nav li>a{
显示：块；
位置：相对位置；
填充：10px 25px；
颜色：#000；
字体：粗体14px无衬线；
文字装饰：无；
}
.nav.下拉列表{
显示：无；
位置：绝对位置；
最高：100%；
背景色：#fff；
盒影：10px10px10px10px10pxrgba（0,0,0,2）；
最小宽度：160px；
}
.导航.下拉列表.下拉列表{
排名：0；
左：100%；
}
.nav.下拉列表>li{
位置：相对位置；
}
.nav li:悬停>。下拉列表{
显示：块；
}
.nav.下拉菜单a:悬停{
背景色：#f1f1；
}
.nav a：：之后{
内容：''；
位置：绝对位置；
右：0；
底部：0；
宽度：0；
高度：3倍；
背景：#000；
过渡属性：左、右；
过渡：宽度1s；
}
.nav a:悬停：：之后{
宽度：100%；
左：0；
背景：#000；
}

css在哪里？现在请检查添加了CSST的代码谢谢你能解释一下我的错误吗？要验证html，你不能在ul中使用div。鼠标悬停时，下一个ul需要定位为绝对（绝对div相对于第一个父位置：relative），因此需要将top:100%和left:0添加到ul。树上的li和ul元素是继承属性，所以第一个li是内联块，第二个需要添加li li display:block以将每个元素保持在一行中。。。就是这样：D