Страницы

Поиск по вопросам

пятница, 2 ноября 2018 г.

Два DIV в ряд, один резиновый

Можно ли сделать без привлечения JS следующее? Есть два div'a расположенных в ряд, один принимает ширину контента, которая может быть разной при каждой загрузке, второй - резиновый и занимает всю оставшуюся ширину до границы родительского блока. Гугл даёт решения только для случаев, когда размер первого div'a фиксированный.


Ответ

Например используя display: flex у родителя, flex: none у первого div'а и flex: 1 у второго div'а:
.parent { display: flex; } .first { flex: none; } .second { flex: 1; background: teal; }

Текст нефиксированного размера

Комментариев нет:

Отправить комментарий