Html 无固定宽度的CSS下拉菜单

我试图让下拉菜单在悬停时不展开第一级

ul

，并显示下面的项目，但不设置固定宽度。有什么想法吗？目前，唯一具有菜单的导航项是“配置”选项卡

nav-ul{
填充：0px；
边际：0px；
列表样式：无；
位置：相对位置；
显示：块；
字体系列：“投石机MS”，Helvetica，无衬线；
字体大小：14px；
高度：25px；
}
海军ul：之后{
内容：“；
明确：两者皆有；
显示：块；
}
导航ul{
显示：无；
位置：绝对位置；
}
李国荣{
浮动：左；
光标：指针；
左边框：实心1px#AAD6EA；
高度：25px；
位置：相对位置；
}
海军李部{
边缘顶部：5px；
左边距：10px；
右边距：10px；
身高：100%；
填充：0px；
浮动：左；
}
nav ul li:悬停{
背景色：#AAD6EA；
颜色：#FFFFFF；
}
导航ul li：悬停>ul{
显示：块；
位置：相对位置；
z指数：1；
列表样式类型：无；
填充：0；
保证金：0；
}
李国宝{
背景色：#AAD6EA；
边框底部：实心1px#0085C3；
宽度：100%；
/*浮动：无*/
}
导航ulli:悬停{
颜色：#0085c3；
}

配置


中间箱策略


中间箱




更改设置


选择权


生成查询


注销

怎么样（作为父母

是相对的）

nav ul li:hover > ul {
    display: block;
    position: absolute; 
    top:25px;
    left:0;
}