2013-11-27 225 views
2

我有問題讓ul坐在支持按鈕上李,任何幫助得到這個發揮很好,將不勝感激。ul下父母li

<li> 
    Support 
    <span class="child-menu-arrow"></span> 
    <ul class="child-menu"> 
      <li>Contact</li> 
      <li>Other</li> 
    </ul> 
</li> 

http://jsfiddle.net/5GpHZ/2/

回答

0

您可以使用子菜單上margin s到推入你想要的方向。它絕對定位,所以它不會影響其他任何事情。

http://jsfiddle.net/5GpHZ/5/

#parent-menu>li>ul.support-menu { margin-top: 10px; 
    margin-left: -10px; } 

通過將調整自身的類,它不會影響其他子菜單。

+0

我不認爲切緣陰性,在這種情況下是一個好主意。 –

+0

問題在於,只有在支持菜單出現問題時,纔會將所有子菜單移至這些邊距。 – nblackburn

+0

@ user3038885,如果是這種情況,你將不得不在應用菜單上應用一個特殊的鉤子,以便只瞄準那個而不是其他的。在'ul'上有一個'menu-support'類,然後用它來修復那個。 – Ming

0

使用position:absolute;然後將其設置在您想要的位置。請注意,我將其他菜單更改爲「child-menu2」。

.child-menu{ 
position:absolute; 
top:55px; 
right:145px;  
} 

UPDATED DEMO