ホームページ >ウェブフロントエンド >CSSチュートリアル >浮きを解消する方法まとめ
浮きを解消する方法まとめ
- 高洛峰オリジナル
- 2017-03-16 10:34:521682ブラウズ
それらの無駄な方法は捨てて、最も実用的な方法だけを覚えてください!
float をクリアする必要がある親要素にクラス属性をもう 1 つ追加します: clearfix! ！ ！ スタイルは次のとおりです:
:after
:".";height:0;
ie6、ie7と互換性を持たせるため(現在のプロジェクトはほぼ完全に無視されます)
.clearfix{
zoom:1}
Clear floatは非常にシンプルなので、パブリックスタイルコモンとして使用できます。 css、各ページを直接呼び出すことができます。 簡単なアプリケーション例:
//sth ページが乱雑だと思いますかそして重なっていますか？原因は浮きのせいだ！ 2. 親要素の下にある子要素が float になると、親の高さの値が 0 になる可能性があります。そのため、float を使用した後、すぐに親に clearfix を追加して、float によって引き起こされるさまざまな問題を完全に排除します。
以上が浮きを解消する方法まとめの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：CSS 位置決めの使用の概要次の記事：CSS 位置決めの使用の概要