BFC优化

BFC优化 块格式化上下文, 特性:

使 BFC 内部浮动元素不会到处乱跑；

和浮动元素产生边界

常用清除浮动的方法，如不清除浮动会怎样？ 当父元素不给高度的时候，内部元素不浮动时会撑开, 而浮动的时候，父元素变成一条线, 造成塌陷.

额外标签法（在最后一个浮动标签后，新加一个标签，给其设置clear：both；）（不推荐）

父元素添加overflow:hidden; (触发BFC)

使用after伪元素清除浮动（推荐使用）

使用before和after双伪元素清除浮动