フレキシブル・レイアウトが便利

CSS3のフレキシブルボックスを今さらに知って便利!と感動したのでメモ。
Flexboxは、要素のサイズが不明なものでもダイナミックに変化するものでも柔軟なレイアウトを実現できるCSS3の新しいレイアウトモジュールです。
↓ここに詳しくありますが、

CSS3 Flexbox の各プロパティの使い方を詳しく解説

boxの親要素のにflexコンテナの設定をすれば、子要素は自動的に対応してくれるという便利さ。
display:-webkit-box;
display:-moz-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
このコードを親要素に設定するだけで高さが揃ったboxの出来上がり。