1.クリアフロート方法はありますか?
1「追加のラベル表示:
浮動タグの最後の後、新しいラベル、透明フロートを追加します。
。クリア{
クリア:両方; }
<divのクラス=父>
<DIV CLASS = "SON1"> </ div>
<DIV CLASS = "son2"> </ div>
<DIV CLASS = "クリア"> </ div>
</ div>
長所:分かりやすく、書きやすいです。
短所:貧しい構造、意味のないラベルの多くを追加します
お勧めできません
隠された財産法:2「親オーバーフローを追加
BFCによってトリガ、明確な浮遊効果を達成することができます。
どのような値がオーバーフロー?隠された、自動車、スクロール
3「擬似要素をクリアフロート:
.clearfix:{/ *標準的なブラウザ、透明フロート*後/
内容:」「;
表示:なし;
高さ:0;
クリア:両方;
可視性:隠されました;
}
.clearfix {
*ズーム:1; / * IE6浮いた状態を削除します* /
}
<DIV CLASS = "类名1つのclearfix"> </ div>
ダブルダミーの要素をクリアフロートの前後4、」。
.clearfix:前に、.clearfix:{の後
内容:」「;
ディスプレイ:テーブル。
}
.clearfix:後{
クリア:両方;
}
.clearfix {
*ズーム:1
}
2.なぜフロートをクリアする必要がありますか?
親要素ので解決