Html 浮动悬停后，下拉列表在Microsoft edge中无法正确隐藏
我正在学习如何使用下拉菜单制作导航条。这在Firefox和Chrome上运行良好，但在Edge上不起作用。问题是，鼠标悬停在下拉列表上后，一旦下拉列表显示出来，当鼠标移动并且是显示下拉列表的时候：无，您仍然可以看到下拉列表所在的位置有少量底部突出。只有当ul浮动时，才会出现这种情况 我已经删除了很多css，留下了主要的基本内容，但包括了整个html，以防有人想复制并粘贴到文件中查看。我想知道这是我做错了什么，还是Edge中的一个bug，是否有人能告诉我如何防止这种情况发生Html 浮动悬停后，下拉列表在Microsoft edge中无法正确隐藏,html,css,microsoft-edge,dropdown,Html,Css,Microsoft Edge,Dropdown,我正在学习如何使用下拉菜单制作导航条。这在Firefox和Chrome上运行良好，但在Edge上不起作用。问题是，鼠标悬停在下拉列表上后，一旦下拉列表显示出来，当鼠标移动并且是显示下拉列表的时候：无，您仍然可以看到下拉列表所在的位置有少量底部突出。只有当ul浮动时，才会出现这种情况 我已经删除了很多css，留下了主要的基本内容，但包括了整个html，以防有人想复制并粘贴到文件中查看。我想知道这是我做错了什么，还是Edge中的一个bug，是否有人能告诉我如何防止这种情况发生 <html>
<html>
<head>
<style>
.right {
float: right;
}
.nav {
background-color: #444;
}
.nav ul {
list-style: none;
margin: 0;
padding: 0;
}
.nav li {
font-size: 1.1em;
display: inline-block;
}
.nav .dropdown {
position: absolute;
display: none;
background-color: #444;
font-size: 0.9em;
}
.nav .dropdown li {
display: block;
}
.nav li:hover ul {
display: block;
}
.nav a {
text-decoration: none;
color: #fff;
display: block;
}
.nav a {
padding: 15px 25px 15px 25px;
}
</style>
</head>
<body>
<div class="nav">
<ul>
<li><a href="#">Home</a></li>
<li class="right"><a href="#">Your...</a>
<ul class="dropdown">
<li><a href="#">Profile</a></li>
<li><a href="#">Bookmarks</a></li>
<li><a href="#">Songs</a></li>
</ul>
</li>
</ul>
</div>
</body>
</html>
.对{
浮动：对；
}
.导航{
背景色：#444；
}
美国海军{
列表样式：无；
保证金：0；
填充：0；
}
李国荣先生{
字体大小：1.1米；
显示：内联块；
}
.nav.下拉列表{
位置：绝对位置；
显示：无；
背景色：#444；
字号：0.9em；
}
.导航.下拉列表李{
显示：块；
}
李海军：悬停{
显示：块；
}
.导航a{
文字装饰：无；
颜色：#fff；
显示：块；
}
.导航a{
填充：15px 25px 15px 25px；
}
-
.nav {
background-color: #444;
border-bottom: solid #444 thin;
}