Блоки уползают под сайдбар. Как исправить?

Question

[Кирилл Гладиков]

Нужно поднять блоки вверх, свойства clear у каждого третьего элемента нужно оставить.
Пример
Большое спасибо

Answer 1

[Кирилл Гладиков]

Проблема в контексте форматирования. Для блока с карточками товара нужно создать новый отдельный контекст.
Новый контекст создают свойства:
display - inline-block или flow-root и тд,
float - left или right,
overflow - auto или hidden

Решение.
jsfiddle.net/p81pfoug/14

Answer 2

[dimidrola]

как вариант:

.left, .right{
  width:50%;
  height:750px;
}
.left{
  float:left;
  background-color:#cf5caa;
}

.right{
  float:right;
  background-color:#ccaaee;
  padding:20px;
}

Comments

[Кирилл Гладиков]

Левый сайдбар должен быть фиксированным по ширине, а меню с товаром растягиваться на доступную ширину. Но все равно спасибо.