CSS フローティング float_html/css_WEB-ITnose

参考: 共有: float float の CSS の徹底理解

1 つ: float デザインの本来の目的

テキストの折り返し効果を実現することです

パッケージ: BFC (ブロックレベルの書式設定コンテキスト)

Destroyed: コンテナが破壊され、親要素の高さが折りたたまれます (標準、

2: クリアフロート (影響)

1: 方法 1、下部にクリアを挿入: 両方

clear:html blockbottom水平要素の

疑似要素後のCSS

2: 方法2、BFC/haylayout

3: クリアとマージンのオーバーラップ

3: フローティングで流動的なレイアウト

ブリックレイアウトを実装し、フロートは流体レイアウトに使用されます

4: フロートの互換性