w3c では、BFC は次のように定義されています。
ブロックの書式設定コンテキストでは、ボックスは、包含ブロックの上部から始めて、垂直方向に次々に配置されます。2 つの兄弟ボックス間の垂直距離は、'margin' プロパティによって決まります。ブロック フォーマット コンテキスト内の隣接するブロック レベル ボックス間の垂直マージンが崩壊します。
ブロックの書式設定コンテキストでは、各ボックスの外側の左端が含まれているブロックの左端に接しています (右から左への書式設定の場合、右端が接しています)。これは、フロートが存在する場合でも当てはまります (ただし、ボックスのライン ボックスはフロートによって縮小される場合があります)。ただし、ボックスが新しいブロック フォーマット コンテキストを確立しない限り (この場合、フロートによってボックス自体が狭くなる可能性があります)。
の意味がよくわかりませんがboxes
、これは手段display:block
要素ですか?
block
それが要素を意味する場合、inline
要素またはfloat
要素はどうですか?他の種類の要素についての説明は見当たりませんでした。他の要素をどのように処理するのですか?
通常フローと BFC でのブロック要素表現の違いは何ですか? 私はそれらが同じだと思います。左の上から下に垂直にもう一方の隣にあるだけです