具有对齐的子菜单项的全宽子菜单

Question

我在尝试实现我制作的导航设计时遇到了问题。 请参阅此链接以查看示例http://lab.518studio.com/submenu

因为你会看到我正在尝试使用全宽子菜单背景，我使用了position:absolute;，但它给我带来了两个新问题：

1. 我不能让子项与主项目对齐。
2. 显示时，其下方的内容不会向下移动。

基本上我想做的是在显示子菜单时获取对应主项目下父项的位置并使其下方的内容移动。

我在URL上放了一个链接来下载HTML和CSS文件。

Answer 1

制作菜单li position:relative并为子菜单ul添加宽度