zzloy
@zzloy
Дизайнер

Можно ли сделать обтекание элемента внутри контейнера Flexbox?

Приветствую!

Есть родитель:

.wrap {
   display: flex;
   flex-wrap: wrap;
}


И два дочерних:

.block {
   height: 100%;
}

.mini {
   height: 25%;
}


Хочется вот так:
ae16073a02d44be5850dc472e90570db.PNG

Но получается вот так:
ffbdb6937ccf43718a72a0d1300105cd.PNG

Важно:
1. Должен использоваться Flexbox
2. Не должно быть сторонних вложений в родитель .wrap
3. Это вообще реально?

Текущий пример кода на JSFiddle
  • Вопрос задан
  • 3764 просмотра
Решения вопроса 1
batareika
@batareika
jsfiddle.net/4cghpvyo/19
.wrap {
    flex-wrap: wrap;
    flex-direction: column;
}

.mini {
    box-sizing: border-box;
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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