ドットインストール - 3分動画でマスターできるプログラミング学習サービス

  • レッスン一覧
  • 料金プラン
    • レッスン一覧
    • 料金プラン
  • ログイン
  • 運営からのお知らせ

    • 2025/08/28 NEW

      【週刊ドットインストール】 Figma入門を制作中、256timesの新クラスを企画中

    すべて見る
  • トップ /
  • マイページ /
  • レッスン一覧 /
  • 【旧版】詳解CSS フレックスボックス編 /
  • #11 縦方向に要素を配置してみよう /
  • なぜ Flexbox では margin の相殺が起きないのですか?

なぜ Flexbox では margin の相殺が起きないのですか?

Flexbox は比較的新しいレイアウト手法で、margin の相殺は省かれています。
2021年6月20日
ユーザー

なぜFlexboxだとmarginの相殺が起きないのでしょうか。

この回答を見るにはプレミアムプランへの登録が必要です

プレミアムプランとは?

このレッスンの質問と回答(10)

  • .container は縦方向、main は横方向に伸びるのはなぜですか?
  • height: 100vh; と設定しても問題ないでしょうか?
  • body のmargin をリセットしない場合、footer を画面からはみ出さないようにするにはどうしたらよいのでしょうか?
  • なぜ Flexbox では margin の相殺が起きないのですか?
  • bodyの直近の子要素はどこまで含まれますか?
  • head に height を設定できません
  • 毎回、高さ100%を指定する必要がありますか?
  • bodyの中にかかれている内容が理解できません
  • htmlの代わりにアスタリスク(*)にして高さを指定してもいいですか?
  • bodyとhtmlの両方に100%を指定しなくてはいけないのはなぜですか?

この質問のレッスン

PREMIUM
【旧版】詳解CSS フレックスボックス編
ウェブページのレイアウトに広く使われている、CSSのフレックスボックスについて見ていきます。
0%
#11 縦方向に要素を配置してみよう
dotinstall

3分動画でマスターできるプログラミング学習サービスです。あなたもプログラミングを始めてみませんか?

サービスメニュー

  • レッスン一覧
  • 料金プラン
  • 法人向けライセンス
  • 256times
  • 運営からのお知らせ
  • プログラミング学習ガイド
  • プログラミング学習相談室
  • ヘルプ

ご利用にあたって

  • 利用規約
  • プライバシーポリシー
  • 利用者情報の外部送信について
  • 運営企業情報
  • 採用情報
  • 教材利用について
  • お問い合わせ

ソーシャルメディア

  • note
  • X (@dotinstall)
  • Facebookページ

更新情報

  • 新着レッスンRSS
  • 新着補足情報RSS

Copyright © 2011-2025 dotinstall.com. All Rights Reserved.