关于CSS:单击后,子菜单会跳起来吗?

Sub menu jumping up once clicked?

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

例如,当您转到此处时:goo.gl/4mW5sW

,然后将鼠标悬停在菜单项"所有光盘"上,您会看到带有2个自定义列的下拉列表。

如果您单击这些链接之一,则在页面加载您单击的链接时,您会看到下拉菜单而不是跳转菜单。

我一直在梳理css,试图找到它为什么会随着主动的点击而跳并且没有运气的原因。也许再睁一双眼睛会有所帮助吗?

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

a:active .sub菜单{display:none;}
但这没有帮助

谢谢!


问题出在ul class="sub-menu'的页边距顶部和悬停状态。找到仅选择第一列并添加下一个CSS的方法:
margin-top: -1px!important;

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

您将两个列的-71px设置为top-margin,并且当悬停切换时,您会将第一列的边距弄乱,使其顶部边距为-71px。
如果您提供代码,我可以为您提供进一步的帮助