BFE.devでのAI解答例 - フロントエンド面接質問
138. Block Formatting Context とは？

Block Formatting Context (BFC)とは、ウェブページ上のコンテンツを配置するための一種のレイアウト仕様であり、それによって要素の配置や幅、高さ、マージン、浮動などが決まる特別なコンテキストです。BFCは、浮動のクリア、幅の自動調整、クリップなど、あらゆる要素の親コンテナを定義することができます。BFC内の要素は、互いに影響を与えないため、一定の安定性をもつことができます。 たとえば、親要素がBFCに設定されている場合、子要素によって現れるマージンの問題を回避することができます。BFCは、float、inline-block、table-cell、absolute、fixedなどのプロパティで触発されたり、CSS構造によって自動的に作成されます。