Как использовать свойство float: left в CSS без каких-либо проблем у меня?

Question

Я пытаюсь создать макет потока и у меня возникли проблемы с использованием свойства float: left в css.

У меня есть один родительский контейнер, который имеет ширину 100% и высоту 100%. Он содержит три контейнера: Заголовок, контейнер меню и контейнер содержимого. Меню представляет собой вертикальное меню, а не горизонтальное меню. Он находится ниже заголовка, а затем контейнер содержимого плавает влево в контейнере меню. Теперь проблема в том, что я хочу, чтобы это происходило. Когда я уменьшаю разрешение, плавающий контейнер содержимого оказывается под контейнером меню. Я хочу, чтобы содержимое плавало в потоке, не опускаясь ниже контейнера меню. Пожалуйста, предоставьте решение для этого. Спасибо!

Вот ссылка на код.

http://jsfiddle.net/VdE7Y/

Answer 1

Удалите ширину и число с плавающей точкой из #content css.

Установите цвет фона #wrapper таким, какой вы хотите, чтобы фон #content был.

add display: inline-block; на #content css.

Обновленная скрипка ----> ЗДЕСЬ

Answer 2

Проблема в том, что min-width у вас есть для #menu-cont

Очень сложно поддерживать макет, который вы пытаетесь создать.