This solution is generated by ChatGPT, correctness is not guaranteed.

AI solution for Interview Question on BFE.dev
138. What is Block Formatting Context?

Block formatting context is a web design term used to describe a region in a HTML document where the layout of box elements is self-contained and independent of elements outside of it. It is used to prevent margins, paddings or borders of an element from overlapping or interfering with other elements, thereby providing clear separation between them. Examples of elements that establish block formatting context include floated elements, absolutely-positioned elements, and elements with the 'display: inline-block' or 'display: table-cell' property values.