Динамически расширяющегося контейнер после сайдбара

[parnas]

Всем привет!

Столкнулся с такой задачей. Как видно на рисунке на одном контейнере есть Каталог товаров и сайдбар. В каталоге товары по три в ряде. Теперь задача: можно делать так, чтобы под сайдбаром товары уже шли по 4 в ряд. Возможно ли все это реализовать без разбиение каталога на 2 блока(т.е. верхний(по 3 ) и нижный(по 4))? Заранее очен благодарен!

 

[ows.nightwolf]

http://jsbin.com/xijetilogi/edit?html,css,output

Ключевые моменты - float:right для сайдбара, сам сайдбар в HTML коде должен идти перед блоком с карточками товара, а сами карточки должны быть строчно-блочными элементами (display: linline-block)

[parnas]

18 часов назад, ows.nightwolf сказал:

http://jsbin.com/xijetilogi/edit?html,css,output

Ключевые моменты - float:right для сайдбара, сам сайдбар в HTML коде должен идти перед блоком с карточками товара, а сами карточки должны быть строчно-блочными элементами (display: linline-block)

Большое спасибо.  Сам собирался делать вот так: http://codepen.io/parnas/pen/mAxQdj . В моем варианте сайдбар внутри блока с карточками товаров. Ваш вариант больше понравился.