我正在尝试使用CSS在导航div中创建一个下拉菜单。我有我想要的风格和一切,但唯一似乎搞砸的是高度。我有三个列表项,我想在链接上悬停时出现,但只出现一个。我知道它与导航div的高度有关,但我不知道如何解决它因为我不希望紫色条看起来比它高。我只是希望链接像往常一样下拉到下面的文本顶部。请帮忙?
http://www.pitt.edu/~mkm49/1052/available.html
(是的,这是为了学校作业,但我自己完成了所有的工作,我只需要帮助解决这个障碍,对于那些对帮助学生感到奇怪的人来说!)
答案 0 :(得分:0)
您使用的是firebug或chrome dev工具来检查您的工作吗?你有一些重叠的问题,你应该通过一些检查来弄清楚。
快速提示,因为这是一个项目......你已经走下了在你的CSS中使用大量绝对定位的滑坡。这通常不是一种好的做法,并且间接地可能是您的问题的原因。 祝你好运!
答案 1 :(得分:0)
你的代码看起来很糟糕,我通过你的来源阅读,显然你隐藏了所有菜单项远离屏幕的left: -999em
,这是一个非常糟糕的方法此
您应该尝试查看CSS display
规则,您可以使用display: none
隐藏div,然后display: block
或display: inline
再次显示,依赖于如果您希望项目内联或阻止。
尝试重写代码对菜单项的处理方式,例如悬停时的简单display
更改就足够了。
注意强>
您应该尝试让您的ID和类更容易理解,目前它们似乎有点无组织且无法提供信息。
我希望你能够做到这一点!