wanglong
wanglong
BFC 是css中的一种渲染机制，BFC就相当于一个盒子，内部的元素与外界的元素互不干扰。它不会影响外部的布局，外部的布局也不会影响它。 ## 形成的条件 - float的值不是none - 绝对定位元素： position的值不是static或者relative - display的值为inline-block、flex、table-cell - overflow除了visible ## BFC的应用 - 同一个BFC下外边距会发生重叠 - 计算BFC高度，浮动的元素也会参与 - BFC可以阻止元素被浮动元素覆盖