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