コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > マージンオーバーレイの問題を解決するにはどうすればよいですか? _html/css_WEB-ITnose

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

WBOY
リリース： 2016-06-24 11:34:29
オリジナル
1385 人が閲覧しました

最初の種類






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 機能は新しいブロック書式設定コンテキストを作成します





関連ラベル：
如何解决外边距叠加的问题？
ソース：php.cn
前の記事：CSS_html/css_WEB-ITnose の使用を開始する 次の記事：HTML 学習 11: HTTP メソッド_html/css_WEB-ITnose
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
width プロパティを追加してコンテンツを左に移動します。 ボディに余白を設けました。 main {left margin: 200px; right margin: 200px; textalignment: center} テキストを1...
から 2024-04-06 22:01:35
0
3
816
React Three Fiber: スクロール イベントが遅れるのはなぜですか? ReactThreeFiber には、カメラのズーム全体にわたって保持したいスプライトを生成する React コンポーネントがあります。アルゴリズムは機能しているようですが (サイ...
から 2024-04-06 13:39:24
0
1
410
React アプリケーション作成の問題を解決するにはどうすればよいですか? [閉まっている] 実際、npxcreate-react-appmy-app を追加したため、React アプリの作成中にターミナルでエラーが発生しました。エラーはエラーをスローすることであり、その後...
から 2024-04-05 12:46:17
0
1
412
React コンポーネント内の関数からの予期しない出力 2 つの画像 (IMG と IMG2) をインポートしました。 IMG は、ビューポートの幅が 600 ピクセル未満の場合に表示し、ビューポートの幅が 600 ピクセル以上の場合に...
から 2024-04-03 00:17:44
0
1
285
ユーザーがあるページで画像をアップロードまたは変更し、別のページに表示できるようにするにはどうすればよいですか? ユーザーがあるページに写真をアップロードして、別のページに表示できるようにするにはどうすればよいですか?ユーザーは画像を変更でき、他のページでも同様に変更されます。また、php/j...
から 2024-04-01 18:33:31
0
1
332
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート