BFC 原理

BFC:Block-level box           +   Forating  +           Context;

　-------》块元素          决定其子元素如何定位，及元素关系

   -------》“块级格式化上下文”

BFC：就是页面的一个隔离的独立容器，容器里面的子元素不会影响到外面的元素，反之如此（外边也不影响里面）

display：inline-block  阻止嵌套元素margin重叠；

overflow:hidden  超出部分隐藏、  还可以清除内部（float）浮动；

。。。。

10 分钟理解 BFC 原理

前端精选文摘：BFC 神奇背后的原理

BFC原理详解

浅析BFC及其作用

史上最全面、最透彻的BFC原理剖析

【CSS】深入理解BFC原理及应用

BFC原理及其应用

转载于:https://www.cnblogs.com/yancongyang/p/8950066.html