css ul li带有填充的嵌套菜单。胡佛如何保持菜单的宽度？

这里的例子

html

将鼠标悬停在

选项一上，参见嵌套菜单。但是
选项二长文本
和
选项三
向右移动。我希望
选项二长文本
和
选项三
保持在同一位置（或
选项一
的宽度与鼠标悬停前相同）

可以设置宽度，如
.mnav ul li{float:left；display:block；width:150px；}
（此处示例），但在这种情况下，较长的文本分为两行，一个项目可能是短文本，另一个项目可能是长文本，因此导航项目之间的空间会不同。使用填充时，所有项目之间的空间将相同）

如何在悬停时保持宽度（悬停时保持与悬停前相同的宽度）
 只需将绝对位置添加到ul

.mnav-ul-li:hover > ul { 
  display: block; 
  position:absolute;
}

.mnav ul li:hover>ul-添加
位置：绝对


.mnav ul li{浮点：左；显示：块；位置：相对；}
.mnav ul li a{显示：内联块；填充：10px 25px；}
.mnav ul{显示：无；}
.mnav ul li:hover>ul{显示：块；位置：绝对；顶部：30px；左侧：0；}





















可能吧？是的<代码>位置：绝对悬停所需
.mnav-ul-li { float: left; display: block;   }
.mnav-ul-li a { display:inline-block; padding:10px 25px; }
.mnav-ul-ul { display: none; }
.mnav-ul-li:hover > ul { display: block; }

.mnav-ul-li:hover > ul { 
  display: block; 
  position:absolute;
}