Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Fairtex
@Fairtex
Flexbox
Как сделать обтекание flex блоком?
Добрый день! Есть такой код(образно):
https://codepen.io/fairtex/pen/XWrgPjE
Требуется что бы элементы списка обтекали красный блок(слева и снизу) и желтый блок(справа и сверху).
Подскажите, пожалуйста, как можно добиться желаемого эффекта???
Вопрос задан
более трёх лет назад
1958 просмотров
Комментировать
Подписаться
1
Простой
Комментировать
Facebook
Вконтакте
Twitter
Помогут разобраться в теме
Все курсы
Нетология
Python-разработчик с нуля
6 месяцев
Далее
Skillfactory
DevOps-инженер
6 месяцев
Далее
Яндекс Практикум
Python-разработчик
10 месяцев
Далее
Решения вопроса
1
Рома Зварич
@hisbvdis
Для элемента, который должен находиться слева, задаёте класс ".left", а для того, что справа - ".right".
Результат:
https://codepen.io/hisbvdis/pen/bGbrpRa
snippet
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Пригласить эксперта
Ответы на вопрос
0
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
CSS
+2 ещё
Средний
Как создать фотогалерею с неявной сеткой в CSS?
1 подписчик
18 июл.
126 просмотров
2
ответа
CSS
+1 ещё
Простой
Как разместить сам flex-контейнер (котором есть перенос по рядам) по центру?
1 подписчик
23 мая
98 просмотров
1
ответ
HTML
+2 ещё
Простой
Как мне стилизовать блоки чтобы текст внутри них совпадал по началу?
1 подписчик
18 янв.
110 просмотров
0
ответов
Flexbox
+1 ещё
Простой
Grid или Flex -сетка с разными условными margin-top и margin-bottom для колонок?
1 подписчик
30 дек. 2024
79 просмотров
1
ответ
CSS
+1 ещё
Простой
Почему не оборачивается обрезается текст при использовании flex?
1 подписчик
более года назад
100 просмотров
1
ответ
HTML
+2 ещё
Простой
Как поставить видео на всю ширину флекс элемента?
2 подписчика
более года назад
133 просмотра
1
ответ
HTML
+3 ещё
Простой
Почему третья карточка не становиться в ряд?
1 подписчик
более года назад
228 просмотров
1
ответ
CSS
+1 ещё
Простой
Скажите пожалуйста, как сделать одинаковое расстояние между блоками?
нет подписчиков
более года назад
139 просмотров
2
ответа
HTML
+2 ещё
Простой
Почему при переносе элементов столбцы получаются разной ширины?
1 подписчик
более года назад
99 просмотров
1
ответ
HTML
+2 ещё
Простой
Как выстроить элементы в ряд с дополнительным обертыванием построчно?
1 подписчик
более года назад
66 просмотров
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
SRE/DevOps инженер
Сбер
•
Москва
от 200 000 до 300 000 ₽
Linux администратор HPC стека
Сбер
•
Москва
от 200 000 до 400 000 ₽
Менеджер по качеству (эквайринг, терминалы, ККТ, банкоматы, АДМ)
ИТ-Холдинг Т1
•
Санкт-Петербург
До 130 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама