在父李下定位ul

Question

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

Answer 1

您可以使用子菜单上的margin将其按所需方向推送。它绝对定位，所以它不会影响其他任何事情。

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

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

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

Answer 2

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

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

UPDATED DEMO