BFC 是什么 Block Formatting Context (块级格式化上下文) BFC的原理 (渲染规则) 正常的文档流会存在边距折叠的问题(父子元素,兄弟元素),水平方向的外边距不存在折叠的情况(因为水平方向不存在块级元素) BFC 容器不会与浮动元素的box重叠 BFC在页面上是一个独立的容器,最显著的效果就是建立一个隔离的空间,外面的元素不会影响容器里面的元素,反之,里面的元素也不会影响容器外面的元素。 计算BFC容器高度时,浮动元素也会参与高度的计算(也是通常清理浮动的原理) 创建BFC条件 float的值不为none