Html 下拉菜单没有'；不出现

我试图让我的下拉菜单工作，但由于某种原因，它没有出现在浏览器中

我已经检查了其他问题，找不到问题的原因。我已经从我的父列表中删除了overflow:hidden，即使我在导航栏中的渐变也因此消失了，我也不知道如何修复它

我使用了帮助（尽管他们没有使用列表，这是一项要求）和一个来自我朋友的模板，我甚至将其复制粘贴到我的css中，但它仍然不起作用

好的，这里有我的CSS和HTML供您参考：

body{font家族：“世纪哥特式”、“投石机MS”；
宽度：780px；
保证金：自动；
背景色：#555555}
#场地{背景色：白色；
填充：10px；}
/**我朋友的CSS也不起作用
.main li{列表样式类型：无；
浮动：左；
宽度：150px；
背景：线性梯度（至底部，rgba（240240,1）0%，rgba（204204,1）100%）；
文本对齐：居中；}
.main li:hover{颜色：白色；}
.main2 li{显示：无；
背景颜色：浅灰色；
颜色：黑色；}
.main2 li:悬停{背景色：灰色；
颜色：白色；}
.main li:hover.main2 li{display:block；}**/
.main{列表样式类型：无；
背景：线性梯度（至底部，rgba（240240,1）0%，rgba（204204,1）100%）；
宽度：100%}
.主显示器：块；
浮动：左；
位置：相对}
.main li a{显示：块；
位置：相对位置；
填充：6px 12px 5px 10px；
字号：900；
字体大小：14px；
高度：20px；
文本对齐：居中；}
.主a{文本装饰：无；
颜色：黑色；}
.main2 li{位置：绝对位置；
显示：无；
宽度：100%
}
.main li a:hover.main2 li{display:block；}
.main2 li{颜色：黑色；
文字装饰：无；
显示：block；}

这是一个解决方案，我对更改后的代码进行了注释。 问题是您的

与另一个

li

处于同一级别，这是无效的

我也改变了这行css

.main li a:hover .main2 li {display: block;}

到

编辑 对于渐变问题，使用

display:inline block打开
main


body{font家族：“世纪哥特式”、“投石机MS”；
宽度：780px；
保证金：自动；
背景色：#555555}
#场地{背景色：白色；
填充：10px；}
.main{列表样式类型：无；
背景：线性梯度（至底部，rgba（240240,1）0%，rgba（204204,1）100%）；
显示：内联块；//







我假设您希望仅当父链接被覆盖时才显示.main2菜单。
2项变化：
1） 使子ul标签成为li的一部分（嵌套）
2） 将：hover的显示逻辑更改为作用于子元素（.main li:hover>ul）

结果:


.main{
列表样式类型：无；
背景图像：线性梯度（rgba（2401），rgba（2400,0））；
宽度：100%；
显示器：flex；
}
李梅因先生{
显示：块；
浮动：左；
位置：相对位置；
}
李安少校{
显示：块；
位置：相对位置；
填充：6px 12px 5px 10px；
字号：900；
字体大小：14px；
高度：20px；
文本对齐：居中；
}
主要的{
文字装饰：无；
颜色：黑色；
}
.main 2{
宽度：100%；
显示：无；
位置：绝对位置；
填充：0；
}
李先生{
宽度：100%；
}
.main li:hover>ul{
显示：块；
}
梅因2李a{
颜色：黑色；
文字装饰：无；
显示：块；
}





















非常感谢，这是我的问题。你对我如何解决渐变问题有什么建议吗？因为现在我删除了溢出：隐藏的东西，我的线性渐变没有显示出来。我有溢出：隐藏而不是宽度：100%是。我更新了我的答案。你只需添加
显示：内联块
。希望这有帮助p该版本还解决了梯度问题
.main li:hover .main2 li  {display: block;}