普通にレイアウトするのであれば、FlexboxでもFloatでもそんなに変わりなく利用できます。Flexboxは、flex(収縮する)の名の通り、収縮してサイズ変更できることが大きな特徴です。 Flexboxを使ってレイアウトを作成する時に役立つ、Flexboxのプロパティがどのように収縮して機能するかアニメーションで分かりやすく解説します。 Even more about how Flexbox works — explained in big, colorful, animated gifs 前編(翻訳版: Flexboxでどのようにレイアウトをつくるのか、アニメーションで分かりやすく解説)では、主にコンテナ要素に適用されるプロパティを解説しました。今回は子要素に適用されるサイズ変更のプロパティについて解説します。 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイ
![Flexboxでレイアウトを作成する時に覚えておきたい、子要素がどのようにサイズ変更されるかアニメーションで解説](https://cdn-ak-scissors.b.st-hatena.com/image/square/efa0b4ab939ab775b5561d5de4de4c5d3b5b8094/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201701%2F2017022700.png)