围绕悬停工具提示式子导航不起作用

Question

正如你在这里看到的; http://bit.ly/sifpz9，当鼠标悬停在主导航栏中的“whats new”或“accessories”上时，工具提示样式的sub-nav下拉菜单完美地居中。但是，当你将鼠标悬停在“衣服”上时，它并不居中。

我尝试了重新定位，但它不会损坏其他两个导航“导航服”。

有没有更好的解决方案或解决方法？

谢谢！

Answer 1

这很容易实现使用以下CSS。

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

我们使用的87.5px负利润率，因为你的UL的宽度为175px从而使我们的UL宽度的一半，那么，我们将其向左50％，因此，这是在你们中间立的锚标签。

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

Answer 2

实际上，这只是一个巧合，子菜单是以“新增功能”和“附件”为中心的，但实际上看起来以为中心。问题在于你做错了，定义left样式位置固定为-31px内部子菜单。

但由于这些子菜单有固定宽度，您可以使用一个老把戏依靠它：

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

这使子菜单到<li>元素的中心，然后回半的左（或多或少）的大小。