ホームページ > 記事 > ウェブフロントエンド > ユニバーサルクリアフローティングスタイル
これはフロートを除去する非常に一般的な方法であり、多くの大規模プロジェクトで完全に採用されています。
このメソッドは、positioniseverything から来ており、after 疑似クラス、after および IEhack を通じて実装されています。これは、現在の主流のブラウザーと完全に互換性があります。
りー
これは admin10000.com がフロートをクリーンアップするために使用するコードです
.clearfix:after { content: "."; clear: both; height: 0; visibility: hidden; display: block; } /* 这是对Firefox进行的处理,因为Firefox支持生成元素,而IE所有版本都不支持生成元素 */ .clearfix{display: inline-block;} /* 这是对 Mac 上的IE浏览器进行的处理 */ * html .clearfix{ height: 1%; } /* 这是对 Win上 的 IE6 浏览器进行的处理 */ * + html .clearfix{ height: 1%; } /* 这是对 Win 上的 IE7 浏览器进行的处理 */ .clearfix{display: block;} /* 这是对display: inline-block;进行的修改,重置为区块元素*/
これはクリアフローティングスタイルの最適化されたバージョンであり、強くお勧めします。
関連ドキュメント: CSS で float をクリアする一般的な方法のまとめ
以上がユニバーサルクリアフローティングスタイルの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。