css - 点击后子菜单跳起来？

Question

我们有一个自定义编码的奇怪子菜单，因此它可以在特定的列设置中，但是当您单击该子菜单下的链接时，子菜单会在加载下一页时跳出。看起来很糟糕:P

例如，当您访问此处时:goo.gl/4mW5sW

并将鼠标悬停在菜单项“所有光盘”上，您可以看到带有 2 个自定义列的下拉菜单。

如果您单击其中一个链接，您将看到下拉菜单，而不是在页面加载您单击的链接时跳转。

我一直在梳理 css，试图找到它为什么会在主动点击时跳转，但没有成功。也许另一双眼睛会有帮助？

我什至尝试过这种可悲的尝试

a:active .sub-menu{display:none;}但这并没有帮助

谢谢!

Answer 1

问题出在 ul class="sub-menu' 的 margin-top 和悬停状态。想办法只选择第一列并添加下一个 css: margin-top: -1px!important;

然后只选择第二列并添加下一个 css: margin-top: -1px!important;

你给两列一个 -71px 作为 top-margin 并且当悬停被切换时你弄乱了第一列的边距，给它一个 -71px 的上边距。如果你提供代码，我可以进一步帮助你