BFC的基本概念: 通俗的讲，就是一个特殊的块，内部有自己的布局方式，不受外边元素的影响。
BFC原理:
- BFC内部的盒子，会在垂直方向，一个接一个地放置。垂直方向上也会发生边距重叠。
- BFC就是页面上的一个独立容器，容器里面的子元素不会影响到外面的元素，外边的也不会影响里边的。
- BFC的区域不会与float Box重叠。
- 计算BFC的高度时，浮动元素也被计算在内。
BFC如何产生:
在Box属性值为这些的情况下，都会让所属的Box产生BFC。
- overflow: auto/ hidden;
- position: absolute/ fixed;
- float: left/ right;
- display: inline-block/ table-cell/ table-caption/ flex/ inline-flex
BFC的使用场景
1. 可以用来自适应布局
2.可以清除浮动
3.解决垂直边距重叠
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
