什么是BFC
BFC 是 Block Formatting Context （块级格式上下文）的缩写
BFC是一个独立的空间，里面子元素的渲染不影响外面的布局
BFC作用
1、解决margin塌陷
2、清除浮动
如何触发BFC
- overflow: hidden
- display: inline-block / table-cell / flex
- position: absolute / fixed
代码演示
@说人话的前端 - bilibili * { margin: 0; padding: 0; } section { width: 200px; height: 200px; background: #ccc; margin: 50px; } .box { overflow: hidden; }
section1
section2
