Html 离开父对象后，下拉列表将消失

我有一个问题，当我把鼠标从按钮上移开后，我的下拉列表消失了。我在我的网站上有多个页面，而这只发生在其中的一些页面上。我想这是因为头球挡住了路，但不是这样，或者我就是无法解决。你知道怎么解决吗。这是我的css和html

正文{
字体系列：Calibri；
保证金：0；
}
.标题{
背景色：卡德蓝；
字体系列：格鲁吉亚；
}
#第二标题{
边际上限：0px；
边缘底部：1px；
垫底：20px；
颜色：白色；
}
.菜单{
背景色：#ddd；
}
.菜单a{
背景色：#ddd；
字体大小：20px；
填充：4px；
右侧填充：15px；
文字装饰：无；
颜色：黑色；
}
.菜单a:参观{
颜色：黑色；
}
.菜单a：悬停{
背景颜色：灰色；
}
.菜单ul{
边际上限：0px；
左侧填充：0px；
}
李先生{
显示：内联；
填充物：5px；
}
.dropbtn{
背景色：#ddd；
边界：无；
字体大小：20px；
填充物：5px；
右侧填充：15px；
字体系列：Calibri；
}
.下拉列表{
位置：相对位置；
显示：内联块；
}
.下拉内容{
显示：无；
位置：绝对位置；
背景色：白色；
最小宽度：160px；
z指数：-1；
}
.下拉内容a{
颜色：黑色；
填充物：5px；
文字装饰：无；
显示：块；
}
.下拉：悬停.下拉内容{
显示：块；
}
.dropdown:悬停.dropbtn{
背景颜色：灰色；
}
.网页内容{
宽度：250px；
}
.pagecontent h1{
颜色：白色；
字体系列：Helvetica；
}
.网页内容{
颜色：白色；
字体大小：20px；
}
李国宝先生{
利润率：10px；
}
.pagecontent-img{
利润率：10px；
左边距：30px；
宽度：150px；
高度：200px；
边框：1px纯白；
}

细节
关于我的一些事情










链接




细节：


名字：Asaf


姓氏：Pro


班级：yod 3


电邮：Gmail@gmail.com

非常简单的问题和简单的解决方案：

移除

z索引：-1来自类
。下拉列表内容
。负Z索引将元素推到主体下方（按层），这意味着它不能用鼠标悬停，因为您将悬停主体而不是下拉框


正文{
字体系列：Calibri；
保证金：0；
}
.标题{
背景色：卡德蓝；
字体系列：格鲁吉亚；
}
#第二标题{
边际上限：0px；
边缘底部：1px；
垫底：20px；
颜色：白色；
}
.菜单{
背景色：#ddd；
}
.菜单a{
背景色：#ddd；
字体大小：20px；
填充：4px；
右侧填充：15px；
文字装饰：无；
颜色：黑色；
}
.菜单a:参观{
颜色：黑色；
}
.菜单a：悬停{
背景颜色：灰色；
}
.菜单ul{
边际上限：0px；
左侧填充：0px；
}
李先生{
显示：内联；
填充物：5px；
}
.dropbtn{
背景色：#ddd；
边界：无；
字体大小：20px；
填充物：5px；
右侧填充：15px；
字体系列：Calibri；
}
.下拉列表{
位置：相对位置；
显示：内联块；
}
.下拉内容{
显示：无；
位置：绝对位置；
背景色：白色；
最小宽度：160px；
}
.下拉内容a{
颜色：黑色；
填充物：5px；
文字装饰：无；
显示：块；
}
.下拉：悬停.下拉内容{
显示：块；
}
.dropdown:悬停.dropbtn{
背景颜色：灰色；
}
.网页内容{
宽度：250px；
}
.pagecontent h1{
颜色：白色；
字体系列：Helvetica；
}
.网页内容{
颜色：白色；
字体大小：20px；
}
李国宝先生{
利润率：10px；
}
.pagecontent-img{
利润率：10px；
左边距：30px；
宽度：150px；
高度：200px；
边框：1px纯白；
}

细节
关于我的一些事情










链接




细节：


名字：Asaf


姓氏：Pro


班级：yod 3


电邮：Gmail@gmail.com


我试过了，但没有成功。另外，我不认为这是问题所在，因为在主页上，下拉菜单在代码段中工作得很好。在你的主页上，有什么不同的代码是不起作用的？它是相同的代码，只是在div页面内容之后没有所有的东西。哦，如果我在div页面内容之后评论所有内容，它就起作用了。那么到底是什么问题呢。它不起作用是非常不具体的。如果您不提供详细和完整的信息，我们将无法帮助您