圍繞懸停工具提示式子導航不起作用

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>元素的中心，然後回半的左（或多或少）的大小。