ul下父母li

我有问题让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/

来源

2013-11-27 nblackburn

您可以使用子菜单上margin s到推入你想要的方向。它绝对定位，所以它不会影响其他任何事情。

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

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

通过将调整自身的类，它不会影响其他子菜单。

来源

2013-11-27 02:04:20 Ming

我不认为切缘阴性，在这种情况下是一个好主意。 –

问题在于，只有在支持菜单出现问题时，才会将所有子菜单移至这些边距。 – nblackburn

@ user3038885，如果是这种情况，你将不得不在应用菜单上应用一个特殊的钩子，以便只瞄准那个而不是其他的。在'ul'上有一个'menu-support'类，然后用它来修复那个。 – Ming

使用position:absolute;然后将其设置在您想要的位置。请注意，我将其他菜单更改为“child-menu2”。

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

UPDATED DEMO

来源

2013-11-27 02:21:16

回答

相关问题