Здравствуйте!
К примеру, есть две колонки. В правой колонке размещаю вывод товаров блоками:

Далее делаем такой код левой колонке указывает float: left, и item также float left, чтобы они друг за другом шли боками:


Проблема в том, что если у нас 4 товара, то все хорошо и текст размещается нормально после всех блоков с товарами, но если у нас нечетное кол-во товаров, то текст встает на место 4 товара, т.е. обтекает 3 товар. Вроде бы решение такое, добавить claer: left;
Добавляю после закрытия <div class="items"> блок <div style="clear: left;"></div>
В этом случае у меня весь текст сползает в самый низ, где заканчивается левый блок, если он длиньше правого.
Я так понимаю, это отменяются все float-ы, как правильно поступить в таком случае? 

Спасибо!

Вот что получается в результате приведенного выше кода: http://jsfiddle.net/Aliance/MdSPm/

Что-то мне кажется что это явно не то, что должно быть. Поэтому до конца не понятна задача. Просьба подправить код, либо подтвердить его корректность.

В любом случае, clear нужно ставить на том же уровне, что и float`ы, в данном случае в блоке items (а не после).

Aliance,  подправил, можете посмотреть результат как отображается:
Код:




Текст уходит в самый низ.

Если добавить float:left у элементу .items, тогда это решит проблему?

Статья по теме.

Aliance, ага спасибо! Сработало )