Html 如何使菜单直接显示在父级li下方

嗨，我以为这很简单，但我已经尝试了很久了。我所需要的是一个菜单，它位于父菜单的顶部，然后位于子菜单的下方，子菜单显示在父菜单的中心

我提供了一个例子

它不会居中的原因是因为父li的长度由字符的长度决定，不能是固定的宽度。负边距可以工作，但会弄乱其他子菜单的外观

关于我们的例子看起来不错，但是我们的服务却不好

帮助？

给你：

我对您的绝对位置做了一些更改：

左：50%；左边距：-64px

和您的父母

现在有

位置：相对