BFC
w3c规范中的BFC定义： 浮动元素和绝对定位元素，非块级盒子的块级容器（例如inline一blocks, table一cells,和 table一captions),以及overflow值不为“visiable”的块级盒子，都会为他们的内容创建新的 BFC (块级格式上下文）。 在BFC中，盒子从顶端开始垂直地一个接一个地排列，两个盒子之间的垂直的间隙是由他们 的margin值所决定的。在一个BFC中，两个相邻的块级盒子的垂直外边距会产生折叠。 在BFC中，每一个盒子的左外边缘（margin一left)会触碰到容器的左边缘(border一left)(对于 从右到左的格式来说，则触碰到右边缘）。
BFC的通俗理解： 首先BFC是一个名词，是一个独立的布局环境，我们可以理解为一个箱子（实际上是看不见 摸不着的），箱子里面物品的摆放是不受外界的影响的。转换为BFC的理解则是：BFC中的 元素的布局是不受外界的影响（我们往往利用这个特性来消除浮动元素对其非浮动的兄弟元 素和其子元素带来的影响。）并且在一个BFC中，块盒与行盒（行盒由一行中所有的内联元 素所组成）都会垂直的沿着其父元素的边框排列。 详细参见： http://www.w3cplus.com/css/understanding一bfc一and一margin一collapse.html https://www.zhihu.com/question/28433480
-
本文向大家介绍简述你对BFC规范的理解相关面试题，主要包含被问及简述你对BFC规范的理解时的应答技巧和注意事项，需要的朋友参考一下 https://www.jianshu.com/p/0d713b32cd0d
-
本文向大家介绍如何形成BFC？相关面试题，主要包含被问及如何形成BFC？时的应答技巧和注意事项，需要的朋友参考一下 根元素 float的值不为none overflow的值不为visible display的值为inline-block、table-cell、table-caption position的值为absolute或fixed
-
本文向大家介绍举例说明BFC会与float元素相互覆盖吗？为什么？相关面试题，主要包含被问及举例说明BFC会与float元素相互覆盖吗？为什么？时的应答技巧和注意事项，需要的朋友参考一下 BFC的区域不会与float的元素区域重叠 计算BFC的高度时，浮动子元素也参与计算 BFC就是页面上的一个隔离的独立容器，容器里面的子元素不会影响到外面元素，反之亦然
-
本文向大家介绍举例说明BFC有什么应用场景相关面试题，主要包含被问及举例说明BFC有什么应用场景时的应答技巧和注意事项，需要的朋友参考一下 https://www.jianshu.com/p/91a80d6570b0
-
本文最初发表于博客园，并在GitHub上持续更新前端的系列文章。欢迎在GitHub上关注我，一起入门和进阶前端。 以下是正文。 题目：谈一谈你对CSS盒模型的认识 专业的面试，一定会问 CSS 盒模型。对于这个题目，我们要回答一下几个方面： （1）基本概念：content、padding、margin。 （2）标准盒模型、IE盒模型的区别。不要漏说了IE盒模型，通过这个问题，可以筛选一部分人。 （
-
本文向大家介绍BFC（块级格式化上下文，用于清楚浮动，防止margin重叠等）相关面试题，主要包含被问及BFC（块级格式化上下文，用于清楚浮动，防止margin重叠等）时的应答技巧和注意事项，需要的朋友参考一下 参考回答： 直译成：块级格式化上下文，是一个独立的渲染区域，并且有一定的布局规则。 BFC区域不会与float box重叠 BFC是页面上的一个独立容器，子元素不会影响到外面 计算BFC的