sorry_i_noob
@sorry_i_noob

Как у элементов с float:left сделать так, чтобы когда один элемент выше другого, третий элемент прижимался к другому, а не был на новой строке?

Здравствуйте. Есть вот такой набросок: https://jsfiddle.net/jpfrmszg/ .
Фиолетовый элемент настолько высокий, что слева от него могут поместиться синий и зеленый. Однако они этого не делают. А просто переносятся на новую строку. Как мне сделать, чтобы они это делали?
  • Вопрос задан
  • 48 просмотров
Решения вопроса 1
@Flying
Через float вы этого не сделаете т.к. float - это расположение элементов вне основного контекста документа с выравниванием по соответствующему краю. То как выстроились элементы в вашем примере - частный случай, определяющийся их конкретными стилями.

То чего вы пытаетесь достичь называется masonry layout и в общем случае на CSS не реализуется, зато есть целый ряд JavaScript плагинов для этого, ссылки на некоторые есть в статье. Наиболее известный - Masonry.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@magarif
Программист
.item_color_2 {
  float: right;
  background-color: purple;
  height: 80px;
}
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Deliver Москва
До 160 000 руб.
Nordavind Москва
от 60 000 до 90 000 руб.
Smart Медицина Москва
от 120 000 руб.
23 марта 2019, в 23:45
5000 руб./за проект
23 марта 2019, в 23:33
800 руб./за проект
23 марта 2019, в 21:08
1500 руб./за проект