Как сделать, чтобы контент занимал оставшееся пространство?

Question

[del993788]

Никогда не задумывался, так как фиксированная ширина у всех блоков была, а сейчас вот встал вопрос: как сделать, чтобы средний блок занимал всё оставшееся пространство? https://jsfiddle.net/fv52yv55/2/

Comments

[Сергей Тутуков]

codepen.io/STutukov/pen/jqKKXg

Answer 1

[devstudent]

надо вычислять его ширину. то есть вычесть из 100% сумму ширин двух других блоков

Answer 2

[trevoga_su]

открой для себя flex наконец

Comments

[del993788]

Да я пробовал через флекс, но ничего не вышло

[trevoga_su]

qqignatqq: не может быть

[del993788]

trevoga_su: пример в студию

[trevoga_su]

qqignatqq: https://jsfiddle.net/fv52yv55/4/ с калькуляцией, но уверен, можно и без нее если подумать как

[Евгений Соломеин]

вообще flex-grow: 1;
код особо не смотрел, поменял только калькуляцию на flex-grow: 1;
https://jsfiddle.net/fv52yv55/8/ :)

[trevoga_su]

Евгений: ну круто вообще