flexboxはfloatをなくす！かも。

これまではfloatをつかっていたbox揃えがflexboxで出来る。
とても簡単だ。モーダルな構成にもとても楽だろう。
問題は対応ブラウザ。旧ブラウザでどこまで表示出来るのか確認が必要。

参考にさせてもらったページに詳しいので、そちらで確認。
ICE MEDIAさんのページ。
CSS Flexbox の各プロパティの使い方を詳しく解説

【追記】
flexアイテムに単にwidth指定するとFirefoxでは無視されて、0扱いされてしまうので注意。
min-widthで解決！