Html div悬停不稳定，希望创建类似paytm网站的导航悬停

项目的hover

div

应该保持稳定，但它不稳定，当我将光标从hover标记上移开时，它会消失

#ul1{
列表样式类型：无；
保证金：0；
填充：0；
溢出：隐藏；
背景色：黑色；
宽度：100px；
}
李{
宽度：100px；
显示：块；
}
李a,，
.dropbtn{
显示：块；
颜色：白色；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
}
李a：悬停，
.dropdown:悬停.dropbtn{
背景颜色：橙色；
}
li.下拉列表{
显示：块；
}
li.dropdown2{
显示：块；
}
.下拉内容{
显示：无；
位置：绝对位置；
背景颜色：绿色；
最小宽度：160px；
盒影：0px 8px 16px 0px rgba（0,0,0,0.2）；
}
.下拉列表2{
显示：无；
位置：绝对位置；
背景颜色：绿色；
最小宽度：160px；
盒影：0px 8px 16px 0px rgba（0,0,0,0.2）；
}
.下拉内容a{
颜色：白色；
填充：20px 20px；
文字装饰：无；
显示：块；
文本对齐：居中；
}
.下拉列表内容2 a{
位置：相对位置；
顶部：100px；
左：500px；
颜色：白色；
背景色：红色；
填充：20px 20px；
文字装饰：无；
显示：块；
文本对齐：居中；
}
.下拉列表内容a：悬停{
背景颜色：粉红色；
}
下拉式内容2 a：悬停{
背景颜色：粉红色；
}
.下拉：悬停.下拉内容{
显示：块；
}
.dropdown2：悬停。下拉菜单-content2{
显示：块；
}

我从下拉列表中删除了

位置：绝对

请发布您的html代码，以便其他人可以帮助您。我已在上面添加了我的代码。我已在一种格式中添加了我的代码。您可以更详细地描述该行为吗？将鼠标悬停在菜单上时，将显示其子菜单。将鼠标悬停在外时，子菜单将隐藏。这是下拉菜单的标准行为，除非定义了使菜单消失的其他事件，如单击父菜单项。什么事件会使菜单消失？