GreysonKind
@GreysonKind

Как размещать блоки друг за другом (подробнее на скрине)?

Есть контейнер фиксированной высоты (слайдер), в нем находятся блоки разной высоты, как сделать так, что бы эти блоки размещались друг за другом, а если 2 блока влезают в одну строку, то чтоб они располагались друг под другом?

3839a5fb75504d6fbf6142ca253a8e3a.jpg

Структура только такая:
<div class="container">
  <div class="item"></div>
  <div class="item"></div>
  <div class="item"></div>
  <div class="item"></div>
  <div class="item"></div>
  ...
</div>
  • Вопрос задан
  • 15566 просмотров
Пригласить эксперта
Ответы на вопрос 3
LenovoId
@LenovoId
svg, css,js
display:inline;
float:left;
Ответ написан
Комментировать
@lasmaster
Вся сила в самообразовании
Дополнительно комментарий по коду: такие структуры удобнее организовывать с помощью списков ul > li. Как минимум можно избавиться от класса item.
Ответ написан
Комментировать
DizainerGazeti
@DizainerGazeti
Верстальщик-дизайнер
Можно попробовать такой вариант:
для класса container задать width: 100%;
а для item будет достаточно float: left; ну и width: 25%;
При этом должно быть более 4х дивов с классом item
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы