css - 菜单打开时与 html 正文重叠的动态 CSS 菜单

Question

我现在有一个仅动态 CSS 的菜单（我的第一个），但是当菜单展开时，它会在菜单打开时将其下方的正文内容向下推，并在菜单关闭时将其备份。防止这种情况的最佳 CSS 方法是什么，以便菜单在正文上方打开？这是显示我在说什么的页面：

http://fundunity.com/test.htm

更新：我可能应该补充一点，我希望菜单在打开时覆盖（不显示）正文信息。

任何帮助表示赞赏！布洛克

Answer 1

您需要绝对定位您的子导航。

给父元素position:relative;，然后给你的子导航position:absolute

然后，您可能需要根据您显示/隐藏子导航的方式更改一些 CSS / Javascript 以使其正常运行，但这是如何做到这一点的基础知识。