僕は猫ちゃんが大好きで、猫ちゃんのサイトつくりたいと最近思うのですよ。
という話は、おいといて…
複数カラムのレイアウトの定番『float』を使って久しいですが、CSS3もずいぶんと経つのでここらで『Flexbox』に完全シフトしたいなぁと思っています。とにかくコードも簡潔だし、扱いもラクなのですよ。
しかし…
IEのみ一部サポートに問題アリ!
う~んIE…もう…オワコンでしょ?
とはいえ、シルバー世代はまだ古いブラウザつかってることもあるので、Chrome依存一辺倒では困ることも多々あるのですよ。
でも、モバイルファーストのこの時代ですから、正直、IEに足引っ張られっぱなしというのもナンセンスなお話です。
floatは要素をフロート(浮動化)させ、そのあとのブロック要素が浮いたままなので、フロートクリア(解除)させないといけません。
その点、Flexboxは主軸と交差軸でプロパティも設定しやすので、レスポンシブ設計もラクそうですよね。
というわけで、おじいちゃんおばあちゃん、ごめんなさい。。。
是非、猫ちゃんでも飼って癒されてください。
▼テストコーディングです。猫ちゃんサイトのお仕事お待ちしてます。
『CSS3-Flexboxで並べる│floatより簡潔』
Facebookコメント欄