HTMLとCSSの学習day8

• 浮動小数点
• フロートをクリアする
  1.フロートによる衝撃をクリアすることが重要です
  2.親ボックス自体に高さがあれば、フロートをクリアする必要はありません
  3.フロートをクリアした後、親は自動的に高さを検出します。他の要素に影響を与えます。
  フロートをクリアするための戦略はクローズドフロートです。

左
左右浮き
の影響をクリア右両浮きの影響をクリア両側浮きの影響をクリア
一般的にほとんど使用both
clean:both;

• フローティングメソッドのクリア
  1.追加のラベルメソッドは、フローティング要素の最後に空の要素を追加します
  这个添加的元素 必须为块级元素

2.親の追加

 overflow: hidden/auto/scroll;

3.疑似要素の削除（ラベル付け方法のアップグレード）
親要素の追加

.clearfix::after {
            content: "";
            display: block;
            height: 0;
            clear: both;
            visibility: hi