ホームページ >ウェブフロントエンド >htmlチュートリアル >margin-top:0px;margin-bottom:0px; を同時に満たせない場合はどうなりますか? _html/css_WEB-ITnose
div では、 margin-top:0px; margin-bottom:0px; を同時に満たすことはできません。
div{margin-top:0px;margin-bottom:0px;}
margin-top:0px; を満たす場合、margin-bottom:0px; を満たすことはできません。トップ: 0px;
それに対処するには?
どれが最後に書かれているのか、最後のものが優先されるべきですか?
marginは外側のマージンを意味します
margin-bottomは要素と底部の間の距離として理解してよいでしょう。実際には、要素の下マージンである必要があります
margin-bottom 属性を 0 に設定するか、margin-rightth 属性を 0 に設定しても、ドキュメント フローは次からのものであるため、フローのレイアウトには影響しません。上から下、左から右
マージンを設定すると、ドキュメント フロー内の要素が占めるスペースが変更されます。マージン属性が 20px に設定されている場合、要素が占めるスペースは上から下に向かって 20 ピクセル増加します。フローは上から下、左から右です。通常、 margin-top と margin-left を設定すると、要素が対応する距離だけ下と右に移動することがすぐにわかります (もちろん、値が正の数)
JS コントロールが必要です