Bonsoir,
je ne comprends pas très bien comment fonctionne la distribution des largeurs des flex items.
Avec ce code :
La maincol est censée faire au moins le double des side colonnes mais ce n'est pas le cas.
Si j'ai bien compris le 196px est seulement une valeur indicative de départ? (quel intérêt dans ce cas?)
Leurs largeurs calculées est de 371px et la maincol 466px.
Modifié par Hermann (31 Mar 2015 - 21:29)
je ne comprends pas très bien comment fonctionne la distribution des largeurs des flex items.
Avec ce code :
<body>
<div id="main_resp">
<div id="sidecol_lft">
</div>
<div id="maincol">
</div>
<div id="sidecol_rgt">
</div>
</div>
</body>
#main_resp {display: flex; height: 350px; }
#sidecol_lft, #maincol, #sidecol_rgt {background: #FFF}
#sidecol_lft, #sidecol_rgt {flex: 3 0 196px}
#sidecol_lft {margin-right: 20px;background: #f7f7f7}
#sidecol_rgt {margin-left: 5px; padding: 15px 15px 30px}
#maincol {flex: 8 1 auto}
La maincol est censée faire au moins le double des side colonnes mais ce n'est pas le cas.
Si j'ai bien compris le 196px est seulement une valeur indicative de départ? (quel intérêt dans ce cas?)
Leurs largeurs calculées est de 371px et la maincol 466px.
Modifié par Hermann (31 Mar 2015 - 21:29)