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

Question

[myaca]

Собственно, трехколоночный макет, у левой колонки фикс ширина, у средней есть min-width, у самой правой есть min-width && max-width.
Можно ли сделать так, чтобы если места хватает, правая занимает свое максимальное значение, а средняя - все остальное место?

Answer 1

[AlexKeller]

https://jsfiddle.net/7n2kxfwj/
Если сделать текст в правой колонке короче, то она займет min-width. А с длинным текстом будет max-width

Если нужно, чтобы и при коротком тексте правая занимала max - можно добавить ей flex: 1 1 auto;

Comments

[myaca]

Огромное вам спасибо. Это то, что нужно.

[AlexKeller]

myaca: ;) пожалуйста, разбирайтесь. Почитайте про flexbox, очень мощная штука, а уж новомодные Grid-ы еще более крутые

Answer 2

[tyzberd]

можно так https://jsfiddle.net/tyzberd/9bpmr1v0/1/
или flex

Comments

[myaca]

спасибо за ответ, таблички не очень хочется использовать, хотя подходит, конечно...
А про флекс, можете ткнуть, какое свойство позволяет растягивать так?

Я думал про флекс, но я так и не понял что именно может мне помочь. flex-grow? Извиняюсь, за глупый вопрос.

[tyzberd]

не знаю, пробуйте как то так https://jsfiddle.net/tyzberd/5bg8hz89/1/

Answer 3

[Роман Александрович]

width:100%

Comments

[myaca]

Он ведь тогда не будет занимать min-width при надобности (недостаточно места). Разве нет?