ホームページ  >  記事  >  ウェブフロントエンド  >  浮きを解消する方法まとめ

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

高洛峰
高洛峰オリジナル
2017-03-16 10:34:521665ブラウズ

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

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 までご連絡ください。