BinaryDevelop
  1. ホーム
  2. Web制作
  3. CSS

[css3】cssのmarginとvertical marginの重なりの値について

2022-02-03 23:42:36

並列ボックスマージン（ダブルマージンオーバーラップ）インタビュー質問：あるボックスはトップマージン、別のボックスはボトムマージンを持っていますが、マージンオーバーラップの問題が発生するのでしょうか？解決策 それらの合計ではなく、より大きな値を取るが、誰が大きいですに耳を傾けます 

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title></title>
    <style type="text/css">
    *{margin: 0;padding: 0;}
    .box1,.box2{
    width: 200px;
    height: 200px;    
    }
    .box1{
    background-color: #f90;
    margin-bottom: 20px;
    }
    .box2{
    background-color: aqua;
    margin-top: 50px;
    }
    </style>
</head>
<body>
    <div class="box1"></div>
    <div class="box2"></div>
</body>
</html>

marginはpadding inner marginと同じ向きと値で、時計回り（右上と左下）に、click to view"。 css box model inner margin padding and abbreviation "

cssのmarginとvertical margin overlapの値については、この記事でまとめています。margin vertical margin overlapについては、スクリプトハウスの過去記事を検索していただくか、引き続き以下の関連記事をご覧ください。

関連

最新

おすすめ

について
/
プライバシー・ポリシー
/
お問い合わせ
© 2022 BinaryDevelop. すべての権利は、それぞれの所有者に帰属します