html+；css

我正在使用顶部水平条导航，该导航应与下拉菜单配对。这是我的html和css代码：

ul{
列表样式类型：无；
保证金：0；
填充：0；
溢出：隐藏；
背景色：#333；
位置：粘性；
排名：0；
宽度：自动；
}
李{
浮动：左；
右边框：1px实心#bbb；
}
李：最后一个孩子{
边界权：无；
}
李阿{
显示：块；
颜色：白色；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
}
李娜：停下来{
背景色：#111；
}
.主动{
背景色：#4CAF50
}
.对{
浮动：对；
}
.分包{
显示：无；
边框：1px实心#bbb；
}
.子菜单：悬停.分包{
显示：块；
}

您想要的可能是这样的东西？移除

溢出：隐藏从
ul
和在
li
中替换
float：左侧带
显示：内联块


ul{
列表样式类型：无；
保证金：0；
填充：0；
/*溢出：隐藏*/
背景色：#333；
位置：粘性；
排名：0；
宽度：自动；
}
李{
/*浮动：左*/
显示：内联块；
右边框：1px实心#bbb；
}
李：最后一个孩子{
边界权：无；
}
李阿{
显示：块；
颜色：白色；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
}
李娜：停下来{
背景色：#111；
}
.主动{
背景色：#4CAF50
}
.对{
浮动：对；
}
.分包{
显示：无；
边框：1px实心#bbb；
}
.子菜单：悬停.分包{
显示：块；
}











您的问题不清楚，但我认为您在悬停时显示子菜单时遇到了问题。在这种情况下，从
ul
中删除
overflow:hidden
。它将解决这个问题。另一件事是，由于您在
li
中使用了
float
属性，因此必须将clearfix hack添加到
ul'中。否则，
ul`的高度将为0。