ホームページ >ウェブフロントエンド >htmlチュートリアル >外側の DIV_html/css_WEB-ITnose の位置に対するパディングまたはボーダーの影響

外側の DIV_html/css_WEB-ITnose の位置に対するパディングまたはボーダーの影響

WBOY
WBOYオリジナル
2016-06-21 08:57:121212ブラウズ

コードは次のとおりです。




効果は次のとおりです:

言い換えると、内側のレイヤーの位置に合わせて調整することで、外側のDIVの位置が変わります。
ただし、コードを次のように変更すると、
div style = "background: red; width: 200px;height:150px;margin:100px auto;">

外側のレイヤーに境界線が追加されることに注意してください。このとき、外側のレイヤーの DIV の位置が変わります。
効果は次のとおりです。

つまり、実際にはボーダーの有無が div の配置に影響します。これをどう説明すればいいでしょうか?
注: パディングには境界線と同じ効果があります。


ディスカッションへの返信 (解決策)

これはマージンのマージの問題です。説明を参照してください。

http://www.hicss.net/do-not-tell-me-you-question-margin/


それは確かに問題ですマージンのマージについて 質問

「要素が別の要素内に含まれている場合 (マージンを区切るパディングや境界線がないと仮定して)、それらの項目や下部マージンも重なり合います。」 -- -- Mastering CSS 26 ページ


つまり、内層と外層の間のマージンは、共有マージンに統合されることになるのですが、この問題について、新年の間ずっと考えていました。今、ようやく分かりました。

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

関連記事

続きを見る