如何防止JQuery UI菜单浮动？

Question

我试图让一个jQuery菜单出现在此页面上线了自己的：http://www.lastcalc.com/help

您可以用两个条目上看到菜单，“入门”和“变量和函数” 。问题是，虽然我希望下面的文本出现在这个菜单下面，但它坚持出现在它的右侧！

如果我强制设置float：none;在UL元素CSS中，那么菜单不能正确渲染。

我该如何得到这个表现我想要的样子？浮动元素将绕流之后

ul#menu { 
     float: left; 
    } 
    div.section { 
     clear: left; 
    } 

元素：

Answer 1

添加

clear: both; 

与.section {}

Answer 2

这应该这样做。为了避免这种情况，请使用clear属性。 clear属性指定元素的哪些边不允许其他浮动元素。