外側の DIV_html/css_WEB-ITnose の位置に対するパディングまたはボーダーの影響
- 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 までご連絡ください。