回答編集履歴
1
MDNの引用が出ていなかったついでに修正
answer
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
> 親要素に１００％の幅をもたせたら、 li要素は画面右に飛び出すと思うのですが。
|
|
2
2
|
|
|
3
|
-
`flex`のデフォルト値では**縮んで幅を合わせる**というようになっていますので、`flex-wrap`のかかっていない親要素の中では、1行に収まるように縮みます。
|
|
3
|
+
`flex`のデフォルト値では**縮んで幅を合わせる**というようになっていますので、`flex-wrap`のかかっていない親要素の中では、（中身の自然な幅に収まりきらなくならない限り）全部が1行に収まるように縮みます。
|
|
4
4
|
|
|
5
5
|
> アイテムは width および height プロパティによって大きさが決められます。コンテナーに合うように最小サイズまで収縮しますが、フレックスコンテナーの空き領域を埋めるために伸長することはありません。これは "flex: 0 1 auto" と同等です。（[MDN](https://developer.mozilla.org/ja/docs/Web/CSS/flex)より）
|