如何在悬停时保留子菜单的位置答案

【问题标题】：How to retain position of Sub Menu on Hover如何在悬停时保留子菜单的位置
【发布时间】：2015-06-16 04:40:13
【问题描述】：

我在悬停时无法保持子菜单的位置。

当您将鼠标悬停在“服务”上时，会出现应有的子菜单下拉菜单。然后，当您慢慢地将鼠标悬停在子菜单的顶部时，一旦您到达子菜单，它的位置就会向上移动。

为了让子菜单保持其位置而不向上移动，我在我的 css 中缺少什么？

感谢您的帮助。

【问题讨论】：

标签： css

【解决方案1】：

在您的 custom-styles.css 第 61 行的选择器上，将 39px 底部填充永久化，如下所示：

ul#menu-main-menu li.menu-item a {
    color: #7a828d;
    padding: 0 24px 39px;
}

然后您可以从 a:hover 中移除 padding-bottom。

【讨论】：

【解决方案2】：

删除

 ul#menu-main-menu li.menu-item a:hover, ul#menu-main-menu li.menu-item a:active {
padding-bottom: 39px;
}

来自您的 css，因为菜单项的 a:hover 将填充向下推 39px

【讨论】：

但这正是@nolawipetros 所期望的起始效果——让石灰绿条滑过正文页面的上部。它在 About 和 Contact 上的工作方式相同，除了这两个垂直没有子菜单。