マージントップボックスは、範囲外に位置しています

次のように要約本体は、配置された2個のpタグと書込み文字である2つのボックスのdiv要素です。

 

 最初の場合、CSSスタイルは、テキストラベルpはBOX1の範囲を超えてまで、階調値が大きなマージントップを持っているとき、BOX2テキストが見つかりません、P-BOX1浮動プロパティセットのラベルに注意を払うために、以下のその後、自宅のショーを残したが、後でそれが2番目のボックスの内容を占有示す、でもBOX2テキストが移動していたことをテキストショーの最初の段落を追いました。

(のみ移動しない移動要素とブロック要素とブロック要素内の行ライン内試験と判明して、特定のテキストはブロック要素に、テキストが移動することを、ブロック要素の外に移動しない場合、テキスト要素及びブロック又は列内の特定の要素(例えば、スパン)は、行の要素と一緒に移動します)

CSSスタイル:効果:

                                                          

 

第二の場合:最初のケースは、第一のpタグのフローティングに除去された場合、その際に生成される余白の崩壊の問題がp BOX1タグマージントップが一緒に下降続きます。

第三のケース:崩壊は、第二の場合に問題を解決するには、BOX1外縁へセットは、大きなマージントップ階調値であった、そして場合アウトレンジBOX1の、テキストコンテンツは、テキスト、上記第二の段落ではないカバーされますテキストの2番目の段落は動きが生成されます。

CSSスタイル:効果:

                                           

 

おすすめ

転載: www.cnblogs.com/NIFS/p/12638666.html