ホームページ > 記事 > ウェブフロントエンド > CSS フローティングをクリアすることを忘れないでください。clear:both_Experience 交換
CSS フローティングをクリアすることを忘れないでください。clear:both_Experience 交換
- WBOYオリジナル
- 2016-05-16 12:06:151875ブラウズ
空のタグでクリア
.clr {clear: Both;}
オーバーフロー属性を使用する
#layout {overflow:auto;zoom:1;}
:after を使用します (IE 以外のブラウザ)
#layout:after{ 表示: ブロック;
クリア: 両方; コンテンツ: "";
表示: 非表示; 高さ: 0;
}
左
注: :after を使用する場合、注意すべき点がいくつかあります。高さをゼロに設定します ( height: 0;); コンテンツは必須ですが、その値は空でも構いません
.clr {clear: Both;}
左 div>
右
オーバーフロー属性を使用する
#layout {overflow:auto;zoom:1;}
左
右
:after を使用します (IE 以外のブラウザ)
#layout:after{ 表示: ブロック;
クリア: 両方; コンテンツ: "";
表示: 非表示; 高さ: 0;
}
左
右
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。