yjhuan的博客

原创 什么是BFC？如何触发？有何特点？如何解决“margin”塌陷问题？

BFC全称是“块级格式上下文”。它决定了元素如何对其它内容进行定位，BFC是一个完全独立的空间，是一种特殊渲染机制，内部元素的大小和布局不会受到外部的影响。块级元素独占一行 宽度高度由内容撑满垂直方向上依次摆放垂直方向的相邻块级元素，margin会合并父子关系下会产生margin的塌陷父子关系下，父元素无视浮动元素会产生高度坍塌兄弟关系下，正常元素会被浮动元素覆盖两个盒子模型content-box和border-box。