僕は猫ちゃんが大好きで、猫ちゃんのサイトつくりたいと最近思うのですよ。
という話は、おいといて…

複数カラムのレイアウトの定番『float』を使って久しいですが、CSS3もずいぶんと経つのでここらで『Flexbox』に完全シフトしたいなぁと思っています。とにかくコードも簡潔だし、扱いもラクなのですよ。
しかし…

IEのみ一部サポートに問題アリ！

う～んIE…もう…オワコンでしょ？
とはいえ、シルバー世代はまだ古いブラウザつかってることもあるので、Chrome依存一辺倒では困ることも多々あるのですよ。
でも、モバイルファーストのこの時代ですから、正直、IEに足引っ張られっぱなしというのもナンセンスなお話です。

floatは要素をフロート（浮動化）させ、そのあとのブロック要素が浮いたままなので、フロートクリア（解除）させないといけません。
その点、Flexboxは主軸と交差軸でプロパティも設定しやすので、レスポンシブ設計もラクそうですよね。

というわけで、おじいちゃんおばあちゃん、ごめんなさい。。。
是非、猫ちゃんでも飼って癒されてください。

▼テストコーディングです。猫ちゃんサイトのお仕事お待ちしてます。
『CSS3-Flexboxで並べる│floatより簡潔』