BFC和IFC有何不同?前端开发必备知识!

2 min read

BFC是“块级格式化上下文”的缩写,而IFC是“内联格式化上下文”的缩写。它们在布局中有不同的作用:

  1. BFC主要用于对块级元素的布局,BFC内部的元素会按照正常的文档流排列,如果BFC内部的元素宽度超过BFC容器的宽度,那么内部元素会自动换行。

  2. IFC主要用于内联元素的布局,IFC会默认将内联元素在一行内排列,如果当行空间不足时,内联元素会自动进行换行,但不会影响内联元素在其它行的位置。

因此,BFC和IFC是两种不同的布局方式,它们也有不同的应用场合。