千锋前端浠浠呀老师HTML+CSS教程，零基础web前端开发入门必看视频

1，什么是bfc?

bfc是全称（Block Formatting Content）英文的缩写，中文意思的块级格式化上下文

2，bfc使用原因

在书写css样式的过程中会遇到上下相邻块元素的垂直边距合并或者嵌套块元素的垂直边距合并问题 ，使用bfc可以解决这一问题

3，bfc规则

bfc区域之间互相独立不受影响，切浏览器计算高度时会计算bfc区域里浮动元素的高度，解决了高度自适应时高度塌陷的问题

4，如何触发bfc规则

①给元素添加浮动float

②给元素添加定位position:absolute/fixed

③给元素添加display:inline-block/fixed等

④overflow:hidden/auto(不能为默认值)

注意：无论是浮动、定位或者更改元素类型,都有可能大幅度的影响页面布局,而overflow这个属性则没有这方面的问题。