ドットインストール - 3分動画でマスターできるプログラミング学習サービス
レッスン一覧
料金プラン
レッスン一覧
料金プラン
ログイン
運営からのお知らせ
2025/10/09
NEW
【週刊ドットインストール】 Figma入門の制作に苦戦中...
トップ
/
マイページ
/
レッスン一覧
/
【旧版】詳解CSS フレックスボックス編
/
#07 flex-grow、flex-shrinkを理解しよう
/
デモが表示されません
デモが表示されません
デモで表示されるのは「この時点での表示」です。
2020年3月30日
ユーザー
「デモを閲覧したい」のですが、この通信は保護されていません のため表示されません。
この回答を見るにはプレミアムプランへの登録が必要です
プレミアムプランとは?
このレッスンの質問と回答(7)
flex-grow: 1; は余白を均等に分配するという理解であっていますか?
なぜ全体の長さが 380px とわかるのでしょうか?
幅が異なるフレックスアイテムに flex-shrink の幅を設定したところ、想定とは違う幅になってしまったのはなぜですか?
flex-shrinkの具体的な使用シーンが想定できません
flex-shrinkの計算がわかりません
flex-shrinkがどのように調整されるかわかりません
デモが表示されません
この質問のレッスン
PREMIUM
【旧版】詳解CSS フレックスボックス編
ウェブページのレイアウトに広く使われている、CSSのフレックスボックスについて見ていきます。
0%
#07 flex-grow、flex-shrinkを理解しよう