Как предотвратить перемещение меню пользовательского интерфейса JQuery?

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 указывает, какие стороны элемента не допускаются другими плавающими элементами.