A、BFC（論理レイアウト）ブロックレベルフォーマット文脈。
BFC（ブロックフォーマット文脈）文字通りとして翻訳「ブロックレベル・フォーマット・コンテキスト」。それだけでブロックレベルボックス（ブロック）ブロックレベルボックス内部のレイアウト方法を指定関与、および外側領域に無関係な、独立した描画領域です。
二、BFCのレイアウトが用意されています。
1：ボックスは、垂直方向の内側に一つの背後に配置されます。
2：ボックスの垂直距離はマージンによって決定されます。ボックス（最大マージン設定で）同じに属する重複BFCの二つの隣接するマージンが発生します。
3：ブロックを含む左境界ボックスと接触している各要素の左マージンボックス、;
4：BFC領域は、フロートボックスと重なっていません。
5：BFCページ別々の容器に隔離されて、容器は、要素のサブ要素の外側に内側に影響を及ぼしません。
6：BFCの高さを計算する場合、フローティング要素も計算に関与しています。
三、BFCトリガー：
1：HTMLはBFCです。
2：フロートプロパティがNoneではありません。
3：位置が絶対的または固定されています。
4：ディスプレイ为インラインブロック、テーブルセル、テーブル・キャプション、フレックス、インラインフレックス。
5：オーバーフローが表示されていません。