Html 下拉列表不显示'；t出现在鼠标悬停时

我试图在鼠标悬停时显示一个下拉菜单，但由于某些原因，该菜单不显示

*{
保证金：0；
填充：0；
}
.标题{
位置：固定；
列表样式类型：无；
高度：35px；
宽度：100%；
溢出：隐藏；
背景:#333333；
}
.header>li{
显示：内联块；
填充：8px；
}
.header>li:悬停{
背景：#000000；
}
.家{
左边距：10%；
}
.主页a:链接{
颜色：#FFF；
}
a:参观{
颜色：#AAA；
}
.家a:悬停{
颜色：#00F；
}
.家庭a：活动{
颜色：#F00；
}
.下拉列表{
display:block；/*我猜这里出了问题*/
宽度：自动；
颜色：#FFF；
}
.下拉列表李{
列表样式类型：无；
display:block；/*我猜这里也有问题*/
位置：绝对；/*此处*/
最高：100%；
颜色：红色；
宽度：自动；
不透明度：0；
背景：黄色；
边框：1px纯黑；
过渡：不透明度1s；
}
.下拉：悬停，
.下拉列表李：悬停{
不透明度：1；
}
梅因先生{
边缘顶部：20px；
填充顶部：20px；
高度：50px；
显示：块；
背景：白色；
文本对齐：居中；
字体大小：20px；
过渡：背景1s；
}
.main:悬停{
背景:#中交;；
}

下拉菜单❱；

项目1
项目2
项目3





内容。。。

首先，我们从标题中删除了

溢出：隐藏的

，这将阻止子菜单显示

然后父级

li

应设置为

位置：相对
，子级
ul
应设置为
位置：绝对
（而不是个人
li
）

移除
上的
显示：无
：悬停
，您就可以看到了


*{
保证金：0；
填充：0；
}
.标题{
位置：固定；
列表样式类型：无；
高度：35px；
宽度：100%；
/*溢出：隐藏*/
背景:#333333；
}
.header>li{
显示：内联块；
填充：8px；
}
.header>li:悬停{
背景：#000000；
}
.家{
左边距：10%；
}
.主页a:链接{
颜色：#FFF；
}
a:参观{
颜色：#AAA；
}
.家a:悬停{
颜色：#00F；
}
.家庭a：活动{
颜色：#F00；
}
.下拉列表{
颜色：#FFF；
位置：相对位置；
}
.下拉菜单{
列表样式类型：无；
位置：绝对位置；
/*这里呢*/
最高：100%；
左：0；
颜色：红色；
宽度：自动；
显示：无；
背景：黄色；
边框：1px纯黑；
}
.下拉列表：悬停ul{
显示：块；
}
梅因先生{
边缘顶部：20px；
填充顶部：20px；
高度：50px；
显示：块；
背景：白色；
文本对齐：居中；
字体大小：20px；
过渡：背景1s；
}
.main:悬停{
背景:#中交;；
}




下拉菜单❱；

项目1
项目2
项目3





内容。。。
我认为
.dropwdown li{opacity:0；}
因为它也是自己的一小部分，Paulie:DI把它去掉了…在这个问题上不是真的需要。我知道你有足够的信息来回答每个css问题，但你没有这样做。你总是喜欢评论而不是发布答案。这取决于我有多少时间。有时所需要的只是一个评论……有时是一个更长的解释。