Colonne laterali a tre colonne laterali fisse

Mi stavo chiedendo se qualcuno sa come avere una larghezza fissa del div centrato e avere il div destro e sinistro elastico su entrambi i lati del div centrato. Il div centrato ha anche le proprietà css min-width e max-width.

Prova ad aggiungere il codice che hai provato quando pubblichi una domanda.

HTML

I am fluid
I'm Fixed!
I am fluid

CSS

 html, body { height: 100%; font-family: 'Arial', 'Helvetica', Sans-Serif; } .container { display: table; width: 100%; height: 100%; } .container > div { display: table-cell; text-align: center; } .fixed { min-width: 200px; max-width:300px; background: rgb(34, 177, 77); color: white; } .fluid { background: rgb(0, 162, 232); }​ 

DEMO LINK

L’ho fatto con flexbox, ma non posso farlo con table-cell perché la larghezza delle colonne laterali dipende dal contenuto della colonna laterale. Quindi il mio codice sembra

https://codepen.io/ArunsKas/pen/owveer

HTML

 
asdaaa asdaaaasdaaa asdaaa asdaaa

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora et nisi harum eaque quas similique esse voluptas? Expedita in vitae, vel unde deleniti hic dolores rerum. Aliquam quos quidem quae.

ddey

CSS

 * { margin: 0; padding: 0; } .flex { display: flex; justify-content: space-between; } .flex-children { width: calc((100% - 200px)/2 - 10px); background: red; } .flex-children-fixed { width: 200px; background: red; }