简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
ホームページ > ウェブフロントエンド > CSSチュートリアル > 本文

浮きを解消する方法まとめ

高洛峰
リリース： 2017-03-16 10:34:52
オリジナル
1604 人が閲覧しました

それらの無駄な方法は捨てて、最も実用的な方法だけを覚えてください!

float をクリアする必要がある親要素に

クラス属性をもう 1 つ追加します: clearfix! ！ ！ スタイルは次のとおりです:

:after

:".";

height:0;
ie6、ie7と互換性を持たせるため(現在のプロジェクトはほぼ完全に無視されます)
.clearfix{
zoom:1}

Clear floatは非常にシンプルなので、パブリックスタイルコモンとして使用できます。 css、各ページを直接呼び出すことができます。 簡単なアプリケーション例:

//sth

ページが乱雑だと思いますかそして重なっていますか？原因は浮きのせいだ！

2. 親要素の下にある子要素が float になると、親の高さの値が 0 になる可能性があります。そのため、float を使用した後、すぐに親に clearfix を追加して、float によって引き起こされるさまざまな問題を完全に排除します。

以上が浮きを解消する方法まとめの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル：
清除浮动 float
ソース：php.cn
前の記事：CSS 位置決めの使用の概要 次の記事：CSS3 背景画像の紹介 - 背景画像
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
mysql 8 innodbでデータベースキャッシュをクリアする方法 同じ mysql8 データベースとテーブルに対して同じクエリを複数回実行しようとしました。クエリやテーブル自体をチューニングすることでパフォーマンスが向上するかどうかを実験して判断...
から 2023-08-27 23:46:28
0
2
247
コンテンツ スクリプトの再挿入: Chrome 拡張機能のアップグレードまたはインストール後に必要な手順 開発中の Chrome 拡張機能をインストールまたはアップグレードした後、コンテンツ スクリプト (マニフェストで指定されている) が再挿入されないため、拡張機能が適切に動作するに...
から 2023-08-24 12:03:01
0
2
217
コンテンツのパディングが削除された後も、ショッピング カート領域はパディングが削除されなかったときと同じままです。何が問題なのでしょうか?エラーを探していますが見つかりませんか? <style>/*Web ページの組み込みスタイルをクリアします*/*{ margin: 0px; padding: 0px;}/*a タグの下線を削除します*/a{ ...
から 2019-08-18 19:30:13
0
1
866
TP5.1 フレームワークのキャッシュの問題 キャッシュされたファイルが多すぎる場合、上記のエラーが報告されます。キャッシュされたファイルを自動的にクリアするにはどうすればよいですか?
から 2018-11-04 00:06:47
0
2
1034
2カラムレイアウトにおけるフロートクリアの問題について <!DOCTYPE html><html><head> <meta charset="UTF-8"> <t...
から 2018-07-27 13:30:31
0
2
1059
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！