Skip to content

Latest commit

 

History

History

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 
 
 
 
 

readme.md

BFC 是什么

Block Formatting Context (块级格式化上下文)

BFC的原理 (渲染规则)

  1. 正常的文档流会存在边距折叠的问题(父子元素,兄弟元素),水平方向的外边距不存在折叠的情况(因为水平方向不存在块级元素)
  2. BFC 容器不会与浮动元素的box重叠
  3. BFC在页面上是一个独立的容器,最显著的效果就是建立一个隔离的空间,外面的元素不会影响容器里面的元素,反之,里面的元素也不会影响容器外面的元素。
  4. 计算BFC容器高度时,浮动元素也会参与高度的计算(也是通常清理浮动的原理)

创建BFC条件

  1. float的值不为none