Does overflow create a new block formatting context (BFC)?
Overflow and block formatting context (BFC)
Yes, setting a non-visible overflow value (hidden, auto, or scroll) on a block-level element causes it to establish a new Block Formatting Context (BFC). A BFC is an isolated layout region that prevents elements inside it from affecting elements outside it in certain ways.
Key Effects of BFC Created by Overflow
A BFC prevents margin collapsing between its contents and outside elements.
Floats are contained within the element, preventing them from overflowing their parent container.
Child elements inside a BFC do not overlap with floats outside the container.
Setting
overflow: visibledoes not create a new BFC.
Example: Overflow Creating a New BFC