Search⌘ K
AI Features

Block Formatting Context (BFC)

Explore the concept of Block Formatting Context in CSS, which determines how block boxes are laid out and interact. This lesson helps you understand how floats, positioning, and display values trigger BFC, and how to apply it to control layout and prevent unwanted text wrapping in front-end development.

What is a block formatting context?

A Block Formatting Context (BFC) is part of the visual CSS rendering of a web page in which block boxes are laid out. Floats, absolutely positioned elements, ...