ホームページ >ウェブフロントエンド >CSSチュートリアル >CSS での float のクリア (clearfix) の紹介

CSS での float のクリア (clearfix) の紹介

王林
王林転載
2020-05-09 09:09:252826ブラウズ

CSS での float のクリア (clearfix) の紹介

クリアフローティングclearfix

(ビデオチュートリアルの推奨: cssビデオチュートリアル)

サンプルコード:

.clearfix:after, .clearfix:before {    
    content: " ";    
    display: table;
}
.clearfix:after {    
    clear: both;
}    
.clearfix{zoom:1;/*为IE6,7的兼容性设置*/}

推奨チュートリアル: css クイック スタート

以上がCSS での float のクリア (clearfix) の紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はcnblogs.comで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。