Html CSS使父UL的LI中嵌套UL显示在父LI悬停的适当位置

这是一个导航菜单，ULs嵌套在父UL中。当鼠标悬停在下图中父UL橙色的LI上时，下图中嵌套的UL绿色应显示在LI的正下方

这里

.更清楚{ 明确：两者皆有； } 身体{ 字体系列：无衬线； 字体大小：13px； 保证金：0； 填充：0； 位置：相对位置； 垂直对齐：基线； } 分母{ 背景：无重复滚动0 101816； 浮动：左； 高度：56px； 保证金：0； 填充：0； 宽度：320px； } divheader内容容器{ 身高：100%； 保证金：0； 填充：0； 宽度：320px； } 阿洛戈{ 背景：蓝色； 背景图像：无； 盒影：无； 浮动：左； 高度：38px； 利润率：9px06px； 宽度：238px； } 顶部导航集装箱{ 边际：0264像素； 位置：绝对！重要； } 导航{ 背景色：3e4f4c； 高度：56px； 保证金：0； 宽度：56px； } 导航按钮{ 背景：3e4f4c； 显示：块； 字体大小：30px； 高度：56px； 保证金：0； 填充：0； 文本对齐：居中； 宽度：56px； } 导航ul{ 背景：黑色重复y滚动0 0透明； 边界半径：0； 盒影：无； 显示：块； 左：-184px； 列表样式：外部无； 保证金：0； 填充：0； 位置：绝对！重要； 宽度：240px； } 李海军：第一个孩子{ 上缘：中无； } 李海军：最后一个孩子{ 底边：中等无； } 最后一个孩子：悬停{ 背景：无重复滚动0 0 3e4f4c； } 李国荣{ 背景：3e4f4c； 边框底部：1px实心191b1a； 边框顶部：1px实心697774； 显示：块； 浮动：无； 高度：48px； 利润率：0.10px； 位置：相对位置； 文本对齐：左对齐； 宽度：230px； } 海军ulli a{ 颜色：eee； 显示：块； 字体大小：13px； 填充：16px 0 15px 15px； 位置：相对位置； 文字装饰：无； } 导航ul{ 背景：黑色重复y滚动0 0透明； 边界半径：0； 盒影：无； 显示：无； 左：-10px； 列表样式：外部无； 填充：0； 职位：相对！重要； 排名：0； 宽度：240px； } 李海军：第一个孩子{ 上缘：中无； } 李国宝{ 背景：无重复滚动0绿色； 边框底部：1px纯红； 显示：块； 浮动：无； 高度：38px； 利润率：0.10px； 位置：相对位置； 文本对齐：左对齐； 宽度：230px； } 海军ulli a{ 颜色：fff； 显示：块； 填充：0； 位置：相对位置； 文字装饰：无； } 导航ulli：悬停在顶部{ 背景：d8a900； 颜色：黑色； } 导航ul li：悬停>ul{ 显示：块； }

---

问题是ht li的高度始终是固定的。您需要在悬停时释放它，以便内部列表可以正确展开。为此，只需再添加一个规则高度：自动：

---

演示：

问题是ht li的高度始终是固定的。您需要在悬停时释放它，以便内部列表可以正确展开。为此，只需再添加一个规则高度：自动：

演示：

只需添加导航ulli{height:auto；}

但是对于这种情况，我更喜欢jQuery的点击功能：

只需添加nav ul li{height:auto；}

---

但对于这种情况，我更喜欢jQuery的点击功能：

您需要侧边的子菜单..没有子菜单UL在父菜单下面您需要侧边的子菜单..没有子菜单UL在父菜单下面您尝试在导航上悬停吗？broken@MatejĐaković很好的观点，你的解决方案肯定更好。是的。但是我和我有一些，但是，试试ul上的hover和last LI…他需要修复悬停效果：谢谢你们-@MatejĐaković你想在nav ul li上空盘旋吗

---

ulli？broken@MatejĐaković很好的观点，你的解决方案肯定更好。是的。但是我和我有一些，但是，试试ul上的hover和last LI…他需要修复悬停效果：谢谢你们-@MatejĐaković

nav ul li:hover {
    height: auto;
}
nav ul li:hover > ul {
    display: block;
}