Задать вопрос
@ortsuev33
css

Почему flex потомок меняет ширину ,если у обоих блоков flex:1;?

есть div (родитель display:flex)
и два div( дочерние flex:1)
когда содержимое их меняется ширина у них не пополам, бывает что один забирает место другого почему?И как добиться чтоб было попалам
  • Вопрос задан
  • 310 просмотров
2 комментария
Подписаться 1 Простой 2 комментария
Решения вопроса 1
sergski
@sergski
web-developer
в вашем случае так: flex: 0 1 50%;
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 2
Bigata
@Bigata
Web, PHP, JavaScript, HTML, Базы данных, Фриланс
потому что див растягивается. А flex:1 это что?
Ответ написан
1 комментарий
1 комментарий
@ortsuev33 Автор вопроса
Решил проблему так добавил width двум блокам 50% и поставил box-sizing: border-box; ну и flex 1 оставил в результате в в контейнере с position absolute у меня получилось два одиннаковых блока которые не куда не выезжают а в одном из дочерних элементах пожертвовал его размерами(overflow: hidden;) в случае чего чтоб ширина общего блока не менялась .
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
React разработчик
Uptrade
от 150 000 до 200 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Необходимо сверстать приложение согласно макету Figma используя React
26 апр. 2024, в 22:22
1500 руб./за проект
Написать модуль подключения матрицы Sony к ПЛИС (Verilog)
26 апр. 2024, в 21:30
15000 руб./за проект
8266 f12 требуется сделать ревью и оптимизировать работу
26 апр. 2024, в 20:42
2000 руб./за проект
Ещё заказы