Flexboxのflex-basisってwidthとの使い分け方、何の役に立つのかを実例を交えて解説します。 実はwidthとflex-basisは同じ 実はwidthとflex-basisというのは同じなんです。 というとびっくりすると思いますがこれはあくまでflex-directionがrow(横並び)の時の話です。 flex-directionがcolumn(縦並び)の時は今度はheightとflex-basisが同じになります。 そしてフレックスアイテムのwidthとheightはflex-basisで上書きされます。 flex-basisじゃなくてwidth/heightでいいのでは? どうしてこうなってるのかと言いますと、Flexboxの世界では「縦も横もない」からなのです。そして唯一縦横を決めるのがflex-directionというわけです。 これがどういう時に役にたつか、わ
![flex-basisとwidthの違い なぜどうして?](https://cdn-ak-scissors.b.st-hatena.com/image/square/cfb770253a65665a230c6bf95955f5d817df49cc/height=288;version=1;width=512/https%3A%2F%2Fkanasys.s3-ap-northeast-1.amazonaws.com%2FFlexbox-1572093189.jpg)