BFC

image.png

flow-root：让当前元素触发BFC

image.png

BFC的两个功能：
1.爸爸管儿子
用BFC包住浮动元素（不是清除浮动，清除浮动用.clearfix）
2.兄弟之间划清界限
用float + div做左右自适应布局

image.png
overflow:hidden;加之前，父子重叠。 image.png

加border之前红绿重叠

面试：
bfc全称，不要解释，说一下功能，举个例子。