ホームページ >ウェブフロントエンド >htmlチュートリアル >margin-top:0px;margin-bottom:0px; を同時に満たせない場合はどうなりますか? _html/css_WEB-ITnose

margin-top:0px;margin-bottom:0px; を同時に満たせない場合はどうなりますか? _html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 11:26:331869ブラウズ

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 コントロールが必要です

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。