如何防止JQuery UI菜单浮动？

Question

我正在尝试让JQuery菜单在此页面上显示在一行：http://www.lastcalc.com/help

您可以在顶部看到两个条目“入门”和“变量和功能”。问题是，虽然我希望以下文本显示在此菜单下方，但它仍然显示在其右侧！

如果我强行设置float：none;在UL元素css中，菜单无法正确呈现。

我怎样才能让它按照我想要的方式行事？

Answer 1

添加

clear: both;

到.section {}

Answer 2

这应该这样做：

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

浮动元素之后的元素将围绕它流动。要避免这种情况，请使用clear属性。 clear属性指定不允许元素的其他浮动元素的哪一侧。