マージン崩壊問題

マージン崩壊：
1、親と子の間の
子供の上から外へ、子供の親はダウン続く
ソリューション：
1）親オーバーフロー：隠された;
2）親フレーム
2、ピアツーピア間の
垂直方向に、マージンが大きい誰に聞く人、累積しない
、水平方向に、重畳マージン

ケース：

（1）HTML

<div>
<P> </ P>
</ div>
<H1> </ H1>

（2）CSS

* {
マージン：0PX。
パディング：0PX。
}
DIV {
幅：200pxの。
高さ：200pxの。
背景：トマト。
/ *オーバーフロー：隠された; * /
のborder-top：1pxの赤色固体。
/ *マージン底：100pxに; * /
表示：インラインブロック。
マージン右：100ピクセル;
}
のdiv P {
幅：100pxに。
高さ：100pxに。
背景：緑;
マージントップ：20ピクセル;
余白左：20ピクセル;
}
H1 {
幅：200pxの。
高さ：200pxの。
背景：黄色;
/ *マージントップ：100ピクセル; * /
表示：インラインブロック;
margin-left：100pxに。
}