0

我正在尝试仅使用 CSS 在我的导航 div 中创建一个下拉菜单。我有我想要的风格和一切,但似乎唯一搞砸的就是身高。将鼠标悬停在链接上时,我想显示三个列表项,但只显示一个。我知道它与导航 div 的高度有关,但我不知道如何解决它,因为我不希望紫色条看起来比它高。我只是希望链接像往常一样下拉到下面的文本顶部。请帮忙?

http://www.pitt.edu/~mkm49/1052/available.html

(是的,这是为了学校作业,但我自己已经完成了所有工作,我只需要帮助克服这一障碍,对于那些对帮助学生感到奇怪的人来说!)

4

2 回答 2

0

您是否使用 firebug 或 chrome 开发工具来检查您的工作?你有一些重叠的问题,你应该能够通过一点检查来弄清楚。

还有一个快速提示,因为这是一个项目......你已经在你的 css 中使用了大量的绝对定位。这通常不是一个好的做法,并且以间接的方式,可能是您的问题的原因。祝你好运!

于 2012-10-25T04:36:47.680 回答
0

您的代码似乎全错了,我通读了您的源代码,显然您将所有菜单项隐藏在屏幕之外很远的地方,left: -999em这是一种非常糟糕的方法。

您应该尝试查看 CSSdisplay规则,您可以使用display: none隐藏 div,然后display: blockdisplay: inline再次显示它,这取决于您希望该项目是内联的还是阻止的。

尝试重写代码如何处理菜单项,例如display悬停时的简单更改就足够了。

笔记

你应该尽量让你的 ID 和 Classes 更容易理解,目前它们看起来有点杂乱无章和信息不足。

我希望你能得到这个工作!

于 2012-10-25T04:42:11.257 回答