如何防止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屬性指定元素的哪些邊不允許其他浮動元素。