コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > 余白 overlay_html/css_WEB-ITnose

余白 overlay_html/css_WEB-ITnose

WBOY
リリース： 2016-06-24 11:34:00
オリジナル
1304 人が閲覧しました

マージン オーバーレイ

通常のドキュメント フローのブロック レベル要素 (ブロック ボックス) の垂直マージンのみにマージン オーバーレイがあります。インラインボックス、フローティングボックス、および絶対配置ボックス間の余白は重なりません

  • 2つの隣接する兄弟ブロックボックス

  • 親要素と子要素、および親要素にパディングがない、または境界線が設定されている場合、上マージンや下マージンも重なり合います。

    • 親要素にパディングまたはボーダーがない場合

    親要素にパディングまたはボーダーがある場合

    子要素にパディングまたはボーダーがあるかどうかはオーバーレイに影響しません

  • 独自の垂直上部をオーバーレイしますオーバーレイは組み合わせであり、その組み合わせはすべて上記の状況の組み合わせであり、常に変化します

    • 関連ラベル：
    Margin外边距叠加
    ソース：php.cn
    前の記事：css:outline_html/css_WEB-ITnose 次の記事：CSS を導入する 4 つの方法とその優先順位_html/css_WEB-ITnose
    このウェブサイトの声明
    この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
    著者別の最新記事
    最新の問題
    固定配置された子によって親のパディングが無視される スティッキー要素がヘッダーの後ろに来るのを防ぐにはどうすればよいですか?現在のコードスニペットは親にpadding-topを使用しており、追加の子にmargin-topまたは透明な...
    から 2024-04-06 11:42:51
    0
    1
    338
    関連トピック
    詳細>
    人気のおすすめ
    人気のチュートリアル
    詳細>
    関連するチュートリアル
    人気のおすすめ
    最新のコース
    最新のダウンロード
    詳細>
    ウェブエフェクト
    公式サイト
    サイト素材
    フロントエンドテンプレート