Почему не сдвигается div (demo пример)?

Question

[Legioner911]

Добрый день, я только учусь, и допускаю много ошибок при вёрстке. Столкнулся с проблемой, div с флоатом правым не поднимается вверх.(боковой блок должен быть на против блока с надписью LORE IPSUM) Взглянув на демку по этой ссылке( demo122.hol.es ), вы всё поймёте. Подскажите как решить данную проблему?

Answer 1

[ukoHka]

Для этого надо два левых блока обернуть в один div и ему задать float: left

Comments

[Legioner911]

Получилось float:left + задал ещё ширину, иначе не получалось. Не подскажете почему так происходит? div с флоатом right не обтекает два блога с флоатами left

[ukoHka]

Legioner911: Чтобы div обтекался, у него должно быть достаточно места по сторонам, чтобы следующий элемент его обтекал. В вашем случае после первой левой колонки шла вторая левая колонка и она просто не поместилась. Если без задания ширины обтекание не происходило, значит правой колонке не хватало места. Даже если всего одного пикселя не хватит, все равно блок сползет.

[Legioner911]

ukoHka: Спасибо огромнейшее за ответ)

Answer 2

[Сергей Наломенко]

Поместите article и div.left_block2 в один div с float:left (у article и div внутри соответственно уберите float).