Задать вопрос
@myaca
html

Как сделать, чтобы div занимал максимально доступное место?

Собственно, трехколоночный макет, у левой колонки фикс ширина, у средней есть min-width, у самой правой есть min-width && max-width.
Можно ли сделать так, чтобы если места хватает, правая занимает свое максимальное значение, а средняя - все остальное место?
  • Вопрос задан
  • 416 просмотров
Комментировать
Подписаться 1 Оценить Комментировать
Решения вопроса 1
AlexKeller
@AlexKeller
https://jsfiddle.net/7n2kxfwj/
Если сделать текст в правой колонке короче, то она займет min-width. А с длинным текстом будет max-width

Если нужно, чтобы и при коротком тексте правая занимала max - можно добавить ей flex: 1 1 auto;
Ответ написан
2 комментария
2 комментария
Пригласить эксперта
Ответы на вопрос 2
@tyzberd
можно так https://jsfiddle.net/tyzberd/9bpmr1v0/1/
или flex
Ответ написан
2 комментария
2 комментария
RomReed
@RomReed
JavaScript, Flutter, ReactNative, Redux, Firebase
width:100%
Ответ написан
1 комментарий
1 комментарий
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Сделать простецкого тг бота для подсчёта зп
25 апр. 2024, в 17:50
2000 руб./за проект
Парсер-бот на Python для ТГ-каналов
25 апр. 2024, в 17:35
4000 руб./за проект
Доработать сайт на CS-Cart (статусы товаров и цены)
25 апр. 2024, в 16:56
5000 руб./за проект
Ещё заказы