ホームページ >ウェブフロントエンド >htmlチュートリアル >マージンオーバーレイの問題を解決するにはどうすればよいですか? _html/css_WEB-ITnose

マージンオーバーレイの問題を解決するにはどうすればよいですか? _html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 11:34:291382ブラウズ

最初の種類






superHu








2 番目のタイプ





< ;meta name="著者" content="胡超">
superHu













要素の上下のマージンが崩れないようにする方法は?

1. フローティング要素、インラインブロック要素、絶対配置要素のマージンは、垂直方向の他の要素のマージンと重なりません (これは上下の隣接する要素を指すことに注意してください)
2.ブロックレベルの書式設定コンテキストを使用して要素を作成すると、子要素のマージンが折り畳まれません

2 番目の方法: これら 2 つの

を 2 つの別個の BFC に配置します (IE7- トリガー hasLayout )。 BFC を作成するには、これら 2 つの
ではなく、それらが配置されている親コンテナーを確立する必要があります。トリガー方法は、

1 ではありません

2 です。オーバーフローは表示されません

3. 表示は 'table-cell'、'table-caption'、または 'inline-block' に設定されます 4. 位置は静的でも相対的でもありません 5. IE の hasLayout 機能は新しいブロック書式設定コンテキストを作成します





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