使 "Drop Down Menu" 和 "Head Menu" 相对不会使 de "Drop Down Menu" 在悬停时按下 "Head Menu"
Making "Drop Down Menu" and "Head Menu" relative does not make de "Drop Down Menu" push down the "Head Menu" on hover
所以我又在为一些问题而苦苦挣扎。这次是这样的，当我将鼠标悬停在 portfoilio 的下拉菜单上时（当网站处于移动视图模式时），它只会越过其他元素，我尝试使所有内容相对，删除浮动并尝试了许多其他操作但似乎没有任何效果。我想防止在下拉菜单的父菜单下放置边距，因为如果我想稍后添加更多下拉菜单，我就不必再次更改我的代码。
请注意，问题出在移动站点视图，而不是普通站点视图！
提前致谢！
问题是您为 .navigation_menu > ul > li 设置了 height:30px，所以当然只有 space 会被占用。
将其更改为 line-height:30px 即可解决此问题。你可以see it in action here。有更多 'elegant' 方法来实现这样的菜单，但那是完全不同的事情，这里不是讨论那个的地方。
当然，这不会改变移动设备没有 'hover' 的事实（有时第一次点击被认为是悬停，第二次点击被认为是点击，但如果你有 link，第一次点击可以充当点击事件）。有一些 jQuery 脚本 such as this 可以解决这个问题。
所以我又在为一些问题而苦苦挣扎。这次是这样的，当我将鼠标悬停在 portfoilio 的下拉菜单上时（当网站处于移动视图模式时），它只会越过其他元素，我尝试使所有内容相对，删除浮动并尝试了许多其他操作但似乎没有任何效果。我想防止在下拉菜单的父菜单下放置边距，因为如果我想稍后添加更多下拉菜单，我就不必再次更改我的代码。
请注意，问题出在移动站点视图，而不是普通站点视图！
提前致谢！
问题是您为 .navigation_menu > ul > li 设置了 height:30px，所以当然只有 space 会被占用。
将其更改为 line-height:30px 即可解决此问题。你可以see it in action here。有更多 'elegant' 方法来实现这样的菜单，但那是完全不同的事情，这里不是讨论那个的地方。
当然，这不会改变移动设备没有 'hover' 的事实（有时第一次点击被认为是悬停，第二次点击被认为是点击，但如果你有 link，第一次点击可以充当点击事件）。有一些 jQuery 脚本 such as this 可以解决这个问题。