BUG一連の-margin CSS

1.コラプス現象（サブ要素のセットマージントップは、親要素が崩壊します） 

次の例では、実際には、この時間の子要素が親要素の兄弟ノードから、親要素との距離0では100pxにあります

 　　

　　トリガー親要素のBFC、オーバーフロー：隠された、ボーダー：

解決方法1：親要素が透明に配置された境界線を：  1pxのソリッド  透明;箱-サイズ：ボーダー、ボックス; 

解決方法2：親要素に配置されたオーバーフロー：隠されました;

溶液3：親要素が設けられ 、インラインブロック：表示;幅：100％。

 

2.マージン合併

：二人の兄弟要素は、次の要素の上縁下マージントップ値の要素が両方の最大値であります

 

以下の実施例1と実際200pxの距離の2個、300ピクセルではありません。

 　　

　　理由：同じボックスの二つの隣接するBFCマージンに重なることができます。

　　：解決のdivでラップTWOを、とのdiv BFC（オーバーフロー：隠された）をトリガ、 

 

B：2つの要素が最大値をとり、父と息子、父と息子の要素との関係は、マージントップを持っています

 

例：最終マージントップは20ピクセルです。

 

 ソリューション：崩壊と同じ