heightはめんどくさい。

前提知識

widthの100%の場合、横いっぱいになるようになるが、 heightの場合はそのようにはならない。

・・・・なのでどうしようという話。

親要素いっぱいに広げるには？

flexをうまくつかいます！！

親要素をflex columnにして、、、

display: flex;
flex-direction: column;

小要素には固定のものにはflex-basis:100pxとかにして伸縮させたいものにかんしては。。

flex-grow: 1;

とかする！！

解決！！！！！！！！！