Html CSS下拉菜单（如何将子菜单置于垂直位置）

这个下拉菜单有什么问题，我的问题是如何将子菜单置于垂直位置，如何设置子菜单的样式并关闭子菜单浮动，我尝试了浮动：无；请帮忙

.cf:before，
.cf：之后{
内容：；/*1*/
显示：表格；/*2*/
}
.cf：之后{
明确：两者皆有；
}
.cf{
*缩放：1；
}
导航{
背景#916a31；
高度：2.3em；
}
ul，
李{
保证金：0；
填充：0；
列表样式：无；
浮动：左；
}
保险商实验室{
背景：#d5973c；
高度：2米；
宽度：100%；
}
李阿{
显示：块；
线高：2米；
填充：0.1em；
颜色：#fff；
文字装饰：无；
}
李娜：停下来{
背景#916a31；
高度：2米；
填料顶部：.3em；
位置：相对位置；
顶部：-.3em；
边界半径：.3em.3em 0；
}
古恩特先生，
a:悬停{
背景#ad9b7f；
颜色：#eee；
填料顶部：.3em；
位置：相对位置；
顶部：-.3em；
边界半径：.3em.3em 0；
边框底部：.3em实心#917f63；
}
ul子菜单{
浮动：无；
背景#916a31；
宽度：自动；
高度：自动；
}
ul.子菜单li{
浮动：无；
}
ul.子菜单li a{
边框底部：1px纯白；
填料：2米1米；
空白：nowrap；
}
ul子菜单li：最后一个子菜单a{
边框底部：无；
}

您可以使用CSS将一个

嵌套在另一个

中

显示：无
。然后，将鼠标悬停在上方时显示隐藏的


。下拉式内容{
显示：无；
}
.下拉：悬停.下拉内容{
显示：块；
}

老鼠在我身上
项目1

项目2

项目3

项目4

您可以使用CSS将一个
嵌套在另一个
中
显示：无
。然后，将鼠标悬停在上方时显示隐藏的


。下拉式内容{
显示：无；
}
.下拉：悬停.下拉内容{
显示：块；
}

老鼠在我身上
项目1

项目2

项目3

项目4