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

Question

Web Development — Medium

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

Accepted Answer

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.