bfc: ブロックレベルの書式設定コンテキスト、独自のレンダリング ルールのセットを持ち、独立したレイアウト環境と同等であり、特定のルールに従ってレンダリングが実行されるコンテナとして理解でき、レイアウトには影響しませんコンテナの外に。
bfc を有効にする方法: bfc: 位置は絶対または固定です ディスプレイは inline-block、table-cell、table-caption、flex、inline-flex オーバーフローは表示されません
bfc の適用: マージン オーバーラップ: フロートにより高さが失われる: クリア フロート: ボックス オーバーラップ: