我试图获得一个部门，当点击它时，它会显示出来并下拉到菜单下方，但是，我无法让它按照我需要的方式下拉。这是我第一次真正玩弄这样的东西，所以我不确定需要做什么。
在一些堆栈用户的帮助下，我让 div 像我想要的那样下拉并显示自己，但问题是我将它设置为绝对位置，而不是将其下方的内容向下推它的空间，它只是出现在菜单下方的任何内容上。（见截图）
这是隐藏的菜单：
这是显示的菜单：
我遇到的另一个问题，我不能 100% 确定解决方法是我使用的是网格系统，并且标题部分为徽标保留了 3 列（左上角模糊）和 9 列保留用于导航菜单。这是一个问题的原因是因为“菜单内容”部分 - 显示的部分 - 位于导航部分（9列）下的列表中。我不确定这是否可能，但我希望它能够跨越下面的全部 12 列（978 像素）。
我知道这可能很难理解，所以我会将我的 css/html 发布在下面的 pastebin 中。
-删除-
这应该是一切。我试图将我的 CSS 减少到标题中使用的分区。提前感谢您的帮助，布赖恩。