コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > フロントエンドQ&A > コンテナに複数のフローティング要素が含まれている場合にフロートをクリーンアップする方法

コンテナに複数のフローティング要素が含まれている場合にフロートをクリーンアップする方法

藏色散人
リリース： 2020-07-02 10:50:43
オリジナル
3506 人が閲覧しました

コンテナに複数のフローティング要素が含まれている場合、フロートをクリアするには、追加の要素を追加し、コンテナ要素の終了タグの前に「clear:both」を設定します。「clear:both」はフロートをクリアすることを意味します。

コンテナに複数のフローティング要素が含まれている場合にフロートをクリーンアップする方法

#コンテナ要素の終了タグの前に要素を追加し、

clear: Both

親要素のトリガーを設定します。ブロックレベルの書式設定コンテキスト

  • ブロックレベルの書式設定コンテキスト。これは独立したレンダリング領域であり、この領域は外部とは何の関係もありません。

トリガー条件:

  • ルート要素 (例: html)

  • 要素はfloated (float は none ではありません)

  • position は絶対または固定です

  • display は inline-block、table-sell、flex...

  • オーバーフローは表示されません

クリーニング用のコンテナ要素疑似要素を設定します (フロートをクリーニングする推奨方法)

推奨学習:《

フロントエンドビデオ》

以上がコンテナに複数のフローティング要素が含まれている場合にフロートをクリーンアップする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル：
容器 浮く
ソース：php.cn
前の記事：インラインプロパティとは何を意味しますか? 次の記事：要素を水平方向に中央揃えにする方法
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
Google Chromeのモバイル版を表示する方法 こんにちは、先生、Google Chrome をモバイル版に変更するにはどうすればよいですか?
から 2024-04-23 00:22:19
0
9
1588
width プロパティを追加してコンテンツを左に移動します。 ボディに余白を設けました。 main {left margin: 200px; right margin: 200px; textalignment: center} テキストを1...
から 2024-04-06 22:01:35
0
3
816
ページが突然 CSS またはブートストラップを取得できなくなります それで、私はページを開発しています。昨日その一部を実行してうまくいきました。そして今日は残りの作業を続けましたが、すべてがうまくいきました。通常の HTML ページとして開こうとす...
から 2024-04-06 21:58:04
0
1
800
Reactのsortメソッドでレンダリング(フィルターとページネーションを使用)をトリガーするにはどうすればよいですか? これが私の Sort.js スタイル コンポーネントです: <SortWrapper><SortText>SortBy</SortText>&l...
から 2024-04-06 21:28:37
0
1
2257
クエリと式は、新しい列を含むテーブル全体を形成します。新しい列は、他の条件列の値を含む式です。 編集: 式は「値」列、つま​​りカテゴリに基づいて最も低い user_id を持つ「値」列である必要があります。カテゴリ「A」の最も低い「user_id」の「value」列が 0....
から 2024-04-06 21:23:40
0
2
530
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート