基础总结（02）--BFC（块级格式化上下文）
Posted znyu
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了基础总结（02）--BFC（块级格式化上下文）相关的知识，希望对你有一定的参考价值。
BFC（块级格式化上下文）布局规则
1.元素垂直排列。
2.同一个BFC相邻两个元素的margin会重叠。
3.BFC区域不会与浮动元素重叠。
4.BFC就是页面上的一个隔离的独立容器，容器里面的子元素不会影响到外面的元素。反之也如此。
5.计算BFC的高度时，浮动元素也参与计算。
如何创建BFC
1.根元素
2.浮动float
3.absolute或fixed
4.overlfow部位visible
5.display为inline-block, table-cell, table-caption, flex, inline-flex
BFC多用来清除浮动、阻止外边距折叠、阻止元素被浮动元素覆盖（两列布局）
以上是关于基础总结（02）--BFC（块级格式化上下文）的主要内容，如果未能解决你的问题，请参考以下文章