CSS2.1中只有BFC和IFC, CSS3中才有GFC和FFC。 What's FC？ 一定不是KFC，FC的全称是：Formatting Contexts，是W3C CSS2.1规范中的一个概念。它是页面中的一块渲染区域，并且有一套渲染规则，它决定了其子元素将如何定位 ...

　　接着聊一下BFC、IFC，与FFC、GFC，GFC是一种二维度的布局方式，现在也蛮火，但是因为兼容性问题比较大，现在用的不多。其实这些布局方式经常会遇到，主要是想了解一下相关的各种概念和术语。 　　想要理解BFC与IFC，首先要理解另外两个概念：Box 和 FC（即 formatting ...

前言 说起KFC，大家都知道是肯德基🍟，但面试官问你什么是BFC、IFC、GFC和FFC的时候，你是否能够像回答KFC是肯德基时的迅速，又或者说后面这些你根本就没听说过，作为一名前端开发工程师，以上这些FC(Forrmatting Context)你都得知道，而且必须得做到像肯德基这样印象深刻 ...

的容器），因此Box内的元素会以不同的方式渲染。让我们看看有哪些盒子： BFC 快级格式化上下文 ...

bfc 定义：块级格式化上下文，他是一个独立的渲染区域，他规定了这个内部如何布局，并且与这个区域的外部毫不相干。 BFC布局规则： 内部的Box会在垂直方向，一个接一个地放置。 Box垂直方向的距离由margin决定。属于同一个BFC的两个相邻Box的margin会发生重叠 每个元素 ...

先说说FC，FC的含义就是Fomatting Context。它是CSS2.1规范中的一个概念。 它是页面中的一块渲染区域。而且有一套渲染规则，它决定了其子元素将怎样定位。以及和其它元素的关系和相互作用。BFC和IFC都是常见的FC。 分别叫做Block Fomatting ...

什么是BFC？什么作用？ Block Formatting Context 块盒子布局发生的区域，浮动元素和其他元素交互的区域 浮动定位和清除浮动的时候只会应用于同一个BFC内的元素。浮动不会影响其他BFC中元素的布局，而清除浮动只能清除同一BFC中在它前面的元素的浮动。 外边距的折叠 ...

**一、BFC**--------------------- Block Formatting Contexts (BFC，块级格式化上下文)，就是 一个块级元素 的渲染显示规则 （可以把 BFC 理解为一个封闭的大箱子，容器里面的子元素不会影响到外面的元素）。 **1、BFC的布局规则例如以 ...