CSS / Float - плавающий элемент не использует назначенную ширину

Question

Я пытаюсь создать макет сайта с помощью CSS.У меня есть четыре (4) элемента DIV.Одним из них является основной контейнер, который я центрировал на странице и содержит все остальные элементы DIV.Из оставшихся трех DIV один - это заголовок страницы, один - левое меню, а последний содержит контент для страницы.Я хотел бы, чтобы CONTENT DIV плавал так, чтобы он был рядом с МЕНЮ DIV.Тем не менее, я обнаружил, что ширина CONTENT DIV не использует ширину, которую я указал.Я создал образец, работающий на JSFIDDLE, который должен облегчить визуализацию.

http://jsfiddle.net/Rrgr7/

Я пытаюсь понять, почему CONTENT DIV не занимает 600 пикселейкак я определил?Спасибо.

Answer 1

Вы должны также разместить свой контент.Ваш контентный дивизион находится слева от 600, не считая числа с плавающей запятой, и если вы добавите больше текста, он будет запущен из меню: пример .

Если вы поместите его, то он будет делать то, что вы хотите , но вы должны быть осторожны с размерами, иначе оно будет отображаться под вашим меню.

Если вы просто дадите ему поле в 200px без ширины, я думаю, что это будет лучше работать , так как он будет использовать оставшееся пространство и оставаться в 200px от левого края.Поплавок не продвигает его дальше, поле от контейнера div.