jquery - 使 "Drop Down Menu"和 "Head Menu"相对不会使 de "Drop Down Menu"在悬停时向下推 "Head Menu"

Question

所以我又一次为一些问题而苦苦挣扎。这次是这样的，当我将鼠标悬停在 portfoilio 的下拉菜单上时(当网站处于移动 View 模式时)，它只会越过其他元素，我尝试使所有内容相对，删除 float 并尝试了许多其他操作但似乎没有任何效果。我想防止在下拉菜单的父项下放置边距，因为如果我想稍后添加更多下拉菜单，我就不必再次更改我的代码。

请注意，问题出在移动站点 View ，而不是普通站点 View !

提前致谢!

Answer 1

问题是你设置了height:30px对于 .navigation_menu > ul > li ，所以这当然是唯一会被占用的空间。

将其更改为 line-height:30px就是解决这个问题所需要的一切。你可以see it in action here .有更多“优雅”的方式来实现此类菜单，但这是完全不同的事情，这里不是讨论这个的地方。

当然，这不会改变移动设备没有“悬停”的事实(有时第一次点击被认为是悬停，第二次点击被认为是点击，但如果你有一个链接，第一次点击可以作为点击事件) .有一些 jQuery 脚本 such as this这解决了这个问题。