Css 具有多个子菜单的水平菜单

我创建了一个包含多个子菜单的菜单。我一直在寻找使子菜单以水平方式从原始菜单下拉到子菜单，然后再下拉到最终子菜单的方法（有时我会意外地得到它，但后来我把一切都搞糟了，然后返回到带有垂直子菜单的原始水平菜单）。我试着将它们改为串联块、静态块和块，但我不能强迫它工作。有没有更简单的方法？我错过了什么

/*导航栏菜单*/
导航{
颜色：#F00；
最小宽度：100%；
}
导航ul{
填充：0；
保证金：0；
列表样式：无；
位置：相对位置；
}
李国荣{
显示：内联块；
浮动：无；
空白：nowrap；
}
导航a{
显示：块；
填充：0 10px；
颜色：#F00；
字体大小：20px；
线高：30px；
文字装饰：无；
}
导航a：悬停{
颜色：#FFF；
背景色：#CCC；
过渡：全部。3秒轻松；
}
导航ul{
显示：无；
位置：绝对位置；
最高：100%；
}
导航ul li：悬停>ul{
显示：继承；
过渡：全部。3秒轻松；
}
李国宝{
最小宽度：170px；
显示：列表项；
位置：相对位置；
}
导航ul{
位置：绝对位置；
排名：0；
左：100%；
}

如果我遗漏了什么，很抱歉，但这就是你要找的吗？

这个

如果需要删除“显示”属性，“显示：列表项”会将其强制成行。希望这有帮助

nav ul ul li {
 display: list-item;
}