Html 下拉式分区

我试图得到一个分区，当点击时，它会自动显示并下拉到菜单下面，但是，我无法让它以我需要的方式下拉。这是我第一次真正玩弄这样的东西，所以我不知道需要做什么

在几个stack用户的帮助下，我让div下拉并显示自己，就像我想要的一样，但问题是我将其设置为绝对位置，而不是将其下方的内容向下推以腾出空间，它只是显示在菜单下方的任何内容上。（见截图）

这是隐藏的菜单：

这是显示的菜单：

我遇到的另一个问题是，我不能100%确定是否有解决办法，我使用的是网格系统，标题部分为徽标保留了3列（左上角模糊），为导航菜单保留了9列。这是一个问题的原因，因为“menucontent”部分（显示的部分）位于导航部分（9列）下的列表中。我不确定这是否可能，但我希望它能跨越下面的12列（978px）

我知道这可能很难理解，所以我将在下面的粘贴栏中发布我的css/html

-除去-

---

这就是一切。我试图将CSS缩减到页眉中使用的分区。提前感谢您的帮助，Brian。

如果您想使用slideToggle功能，您的div应该彼此独立，否则对一个div应用效果会改变另一个div

---

一致的结构是解决问题的关键。

如何激活该页面？我们无法复制您的PHP代码和图像。提供直接URL。你的网站在IE、Firefox和Chrome中显示完全不同。你需要先解决这个问题。除此之外，您的登录提示似乎显示得很好。使用绝对定位没有错。请更简短、更具体地说明你希望它如何出现。是的，我知道。至于登录表单，它显示得很好。但我计划为其他下拉导航链接提供更多内容。如枢纽链接和特色等，所以，我需要的内容，以移动下来与它。登录表单很小，所以正好合适，但其他链接的图像和内容却不合适。所以需要为他们腾出空间。我对stackexchange网络相当陌生。有没有办法进入聊天室，说得更流利一点呢？这可能有助于让谈话更有意义。这把小提琴正是我要找的。注意菜单下面的分区是如何随它向下移动的。我需要页面的特色部分/内容来做同样的事情但我需要多个链接，比如这把小提琴，作为导航菜单*跑步去吃午饭。一会儿就回来。再次感谢你的帮助。