Html JqueryUI下拉菜单垂直对齐

嗨，我有问题修复我的这个菜单下面是实际的图像和代码，任何建议都是很好的评价

<script type="text/javascript">
        $(function() {
        $( "#menu" ).menu();
        });
</script>

<ul id="menu">
    <li><a href="#">Main Tab</a>
       <ul>
        <li><a href="#">This is link A</a></li>
        <li><a href="#">This is link B</a></li>
       </ul>
    </li>
</ul>

$（函数（）{
$（“#菜单”）.menu（）；
});

我越来越 我喜欢的是 我正在使用jqueryUI，我尝试了.menu（）属性或参数，但仍然没有任何更改。我想知道我是否可以通过改变css来实现它

ul li > ul {
  display: block;
  clear: both;
  padding: 0;
}

我们应该这样做

见：

我们应该这样做

---

请参阅：

我修复了它，这是链接

JqueryUI菜单小部件的一些操作可以在这里找到：

---

我修好了，这是链接

JqueryUI菜单小部件的一些操作可以在这里找到：

---

它绝对有效，但jqueryUI一直将子菜单标记为右而非下，违反了我的css：（谢谢你的回复，Sir，你能发布一个JSFIDLE示例吗？我修复了它JSFIDLE.net/KodeCracker/sS93F/通过这个api得到了一个解决方案。jqueryUI.com/menu/#选项位置谢谢S.Visser，我将使用你的css.）它绝对有效，但是jqueryUI一直将子菜单标记为右而不是下，违反了我的css：（谢谢你的回复SirCan你能发布一个JSFIDLE示例吗？我通过这个api修复了它。jqueryUI.com/menu/#选项位置谢谢S.Visser我将使用你的css.）此解决方案将更灵活地使用菜单元素的高度来设置位置。var usermenu=$（“#usermenu”）；菜单（{位置：{my:{left top]，at:“left top+”+usermenu.height（）}}）@Raanan是真的，而且总是有

位置：{my:“left top”，at:“left bottom”}

。此解决方案将更灵活地使用菜单元素的高度来设置位置。var usermenu=$（“#usermenu”）；菜单（{位置：{my:{left top]，at:“left top+”+usermenu.height（）}}）@Raanan是真的，而且总是有

位置：{my:“left top”，at:“left bottom”}

。

 $(function() {
        $( "#menu" ).menu({ position: { my: "left top", at: "left-1 top+35" } });
        });