Html 带有子菜单的父项下拉列表

您好，当我将鼠标悬停在父项上时，父项是否也会向上滑动，使下拉菜单中的父项位于其上方？这是我的代码，但我似乎无法使它工作。这是一个视觉菜单，我想要第二个图像

美国海军{ *缩放：1； 列表样式：无； 保证金：0； 填充：0； 背景：333人； } .nav ul:之前， .nav ul:之后{ 内容：； 显示：表格； } .nav ul:之后{ 明确：两者皆有； } .nav ul>li{ 浮动：左； 位置：相对位置； } .导航a{ 显示：块； 填充：10px 20px； 线高：1.2米； 颜色：fff； 左边框：1px实心5959； } .导航a:悬停{ 文字装饰：无； 背景：5959； } 李国荣先生{ 背景：273754； 位置：绝对位置； 左：0； 底部：36px； z指数：1； } 李国荣先生{ 宽度：100%； 溢出：隐藏； 身高：0； -webkit过渡：高度200ms，易于安装； -moz过渡：高度200ms缓进； -o型过渡：高度为200ms； 过渡：高度为200ms； } 李国荣先生{ 边界：无； } 导航李：悬停{ 背景：rgba0,0,0,0.2； } .nav ul>li：悬停ul li{ 高度：36px； }

---

将此css添加到现有代码中。这是你想要的吗

---

您好，先生，谢谢您的回复，这是我想要的，当鼠标悬停时，父项菜单与子菜单一起移动，这是否可能附加在这里是一个视觉图像：您想要第一个还是第二个？要使用的父项菜单要转到哪里？在上面还是在下面？第二位先生，当与子菜单一起悬停时，导航项将位于顶部。我有一个示例站点，先生，它是almontasser.com。我希望有一个类似于滑块下方的菜单，可以吗？对不起，我的英语不好

li>ul {
  display: none;
}
a:hover~ul {
  display: block;
}