以悬停工具提示式子导航为中心不起作用

Question

正如你在这里看到的那样; http://bit.ly/sifpz9，当主要导航中的“最新”或“附件”悬停时，工具提示式子导航下拉列表完美呈现。但是，当你将鼠标悬停在“衣服”上时，它不会居中。

我已经尝试过重新定位，但它不会对导航“衣服”起作用而不破坏其他两个。

有更好的解决方案还是修复方法？

谢谢！

Answer 1

使用以下CSS很容易实现。

#top-menu ul ul {
    margin-left: -87.5px;
    left: 50%;
    }

我们使用87.5px的负余量，因为你的ul的宽度是175px，因此给我们ul的宽度的一半，然后我们将它向左移动50％，以便它在你的li锚标签的中间。 / p>

我希望这是有道理的。任何问题都会留下评论，我会回复你。

Answer 2

实际上，子菜单以“什么是新的”和“附件”为中心只是巧合，但它们实际上看起来居中。问题是你做错了，为内部子菜单定义left样式位置固定为-31px。

但由于这些子菜单具有固定宽度，您可以使用旧技巧来依赖它：

#top-menu ul ul {
    left: 50%;
    margin-left: -88px;
}

这将子菜单移动到<li>元素的中心，然后返回到其大小的一半（或多或少）的左侧。