FlexBox
親要素に、display:flex;
子要素に、flex:(数字);
(数字)は、幅のpxなどを指定するのではなく、比率を指定する。
子要素が3つある場合、flex:1;flex:2;flex:1; と指定すると、真ん中の要素は両脇の要素の2倍の幅になる。
IE10,11で子要素から中身がはみ出す時 「-ms-flex: 0 1 auto;」
Just another WordPress site
親要素に、display:flex;
子要素に、flex:(数字);
(数字)は、幅のpxなどを指定するのではなく、比率を指定する。
子要素が3つある場合、flex:1;flex:2;flex:1; と指定すると、真ん中の要素は両脇の要素の2倍の幅になる。
IE10,11で子要素から中身がはみ出す時 「-ms-flex: 0 1 auto;」