如何防止 JQuery UI 菜单浮动？

Question

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

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

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

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

Answer 1

添加

clear: both;

到 .section{}

Answer 2

应该这样做：

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

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