BFC interview Brief

bfc Simply put, it is a block level formatting context , It is a separate rendering area , Its internal layout is not affected by external elements

bfc The trigger condition

float：left、right

overflow：hidden

position： Fixed positioning and absolute positioning

display：flex

Application scenarios ：

avoid margin overlap

A high degree of collapse （ Child elements have floats , The parent element is highly adaptive , It should be the child element supporting the parent element , But it didn't hold up ）

Floating elements overwrite non floating elements （ Adaptive layout ）