什么BFC?它解决了什么问题?

Posted 阿冰介

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了什么BFC?它解决了什么问题?相关的知识,希望对你有一定的参考价值。

BFC 全程: 快格式化上下文

简单理解:BFC 就是CSS 的块级作用域,让块空间里面的元素不会影响外部的布局

BFC 解决了什么问题:

  • BFC 可以清除浮动,解决float 脱离文档流

  • BFC 可以阻止元素被浮动元素覆盖,实现两边布局,块级元素使用overlfow: hidden 避免覆盖

  • BFC 同一个下外边距会发生折叠

以上是关于什么BFC?它解决了什么问题?的主要内容,如果未能解决你的问题,请参考以下文章

BFC与垂直外边距合并问题

BFC的形成条件和特性分析

也说说外边距折叠

inline-block BFC 边距合并

html/css中BFC的开启关闭作用

BFC