flexからはみ出た子要素を親領域に戻す

flex box modelからアイテムが↓のようにはみ出てしまうことがある

画像はwidthを指定していないが、こうなってしまう

https://gyazo.com/6b8a24a2f3591fd952c968bb57ab442f

対策

flex-directionで場合分け

10:36:38 直らない……takker.icon

https://gyazo.com/425728ab8b03c77a02e3e780855aa553

widthを具体的に決めないとだめ？

flex-wrapを併用しているせい？

ここの折り返しサンプルは、ちゃんと折り返しの分まで親領域が広がっている

Reference