如何使用CSS制作下拉菜单

时间:2012-10-25 03:30:50

标签: css

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

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

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

2 个答案:

答案 0 :(得分:0)

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

快速提示,因为这是一个项目......你已经走下了在你的CSS中使用大量绝对定位的滑坡。这通常不是一种好的做法,并且间接地可能是您的问题的原因。 祝你好运!

答案 1 :(得分:0)

你的代码看起来很糟糕,我通过你的来源阅读,显然你隐藏了所有菜单项远离屏幕的left: -999em,这是一个非常糟糕的方法此

您应该尝试查看CSS display规则,您可以使用display: none隐藏div,然后display: blockdisplay: inline再次显示,依赖于如果您希望项目内联或阻止。

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

注意

您应该尝试让您的ID和类更容易理解,目前它们似乎有点无组织且无法提供信息。

我希望你能够做到这一点!