Html 我能'；无法使CSS下拉菜单结构正确。另外，我如何使它从垂直下拉到水平下拉？

我有很多麻烦。我正在尝试从“关于”创建一个下拉菜单，但无法将菜单正确居中。它总是在菜单的右边。我相信这与“大约”的大小有关

我怎样才能解决这个问题

.nav main{
位置：绝对位置；
排名：0；
高度：65px；
宽度：100%；
文本对齐：居中；
}
.导航主机{
位置：相对位置；
保证金：0自动；
填充：0；
列表样式：无；
字体大小：22px；
线高：100%；
字体系列：“Futura W01粗体”，无衬线；
文本对齐：居中；
文本转换：大写；
显示：内联块；
宽度：90%；
身高：继承；
}
.导航顶部{
位置：相对位置；
保证金：0；
填充：0 66px 0 50px；
浮动：无；
显示：内联块；
列表样式：无；
身高：继承；
背景：透明url（../images/nav divide.png）无重复右中；
}
.导航顶部：第一个孩子{
左侧填充：0；
}
.导航顶部：最后一个孩子{
背景图像：无；
右边填充：0；
}
.导航顶部>a{
位置：相对位置；
显示：块；
保证金：0；
颜色：#6f6f6f；
文字装饰：无；
填充顶部：20px；
垫底：5px；
-moz转换：所有0.3秒轻松；
-ms转换：所有0.3秒轻松；
-o-过渡：所有0.3秒的速度；
过渡：所有0.3秒缓解；
}
.导航顶部a：悬停，
.nav-top.active a{
颜色：#4545；
边框底部：4px实心#00e9d9；
文字装饰：无；
}
.导航顶部ul{
显示：无；
位置：绝对位置；
}
.导航顶部：悬停ul{
显示：内联；
}
李国宝{
浮动：中心；
背景色：#e9e9e9；
}
.nav top li>a{
位置：相对位置；
显示：内联；
保证金：0；
颜色：#6f6f6f；
文字装饰：无；
填充顶部：20px；
垫底：5px；
-moz转换：所有0.3秒轻松；
-ms转换：所有0.3秒轻松；
-o-过渡：所有0.3秒的速度；
过渡：所有0.3秒缓解；
}

安德鲁斯：

为了解决这个问题，您需要指出嵌套列表的位置，因为您正在将其设置为“位置：绝对”，而不带坐标。 为解决此问题，在UL CSS类中添加“左值”：

.nav-top ul {
    display: none;
    position: absolute;
    left: 0;
}

---

如果答案对你有帮助，请你标出好吗？当做