How to make a div take up the maximum available space?

Question

css

Actually, a three-column layout, the left column has a fixed width, the middle one has a min-width, the rightmost one has a min-width && max-width.
Is it possible to make it so that if there is enough space, the right one takes its maximum value, and the middle one takes the rest of the place?

Answer 1

https://jsfiddle.net/7n2kxfwj/
If you make the text in the right column shorter, then it will take min-width. And with a long text there will be max-width
If you want the right one to occupy max with a short text, you can add flex to it: 1 1 auto;

Answer 2

you can do this https://jsfiddle.net/tyzberd/9bpmr1v0/1/
or flex

Answer 3

width:100%