Which CSS property is used to create a new Block Formatting Context (BFC) to prevent margin collapsing?

Explanation

Setting 'overflow' to a value other than 'visible' (such as 'hidden', 'auto', or 'scroll') establishes a new Block Formatting Context. A BFC is an independent layout environment where margins do not collapse with child elements. 'position: relative' does not create a BFC, 'display: inline' is a standard inline box, and 'float: none' is the default state.

Key points

BFCs isolate internal layout from external elements
Overflow values other than visible trigger BFC
BFCs prevent margin collapsing and clear floats

Ready to go further?

Start full exam Practice more questions