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; }