如何在Hover上保留子菜单的位置

Question

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

http://bit.ly/1IgmNKT

当您将鼠标悬停在＆＃34;服务＆＃34;上时，会显示子菜单下拉菜单。然后，当您慢慢将鼠标悬停在子菜单的顶部时，一旦到达子菜单，其位置就会向上移动。

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

感谢您的帮助。

Answer 1

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

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

然后您可以从a：hover中删除填充底部。

Answer 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