search

Mardanjan / Blog

学习笔记（在issues里），一些小demo的源码在这里，demo在线地址会持续更新
1 stars 0 forks source link

CSS: W3C CSS2.1中的概念：BFC #15

Open Mardanjan opened 4 years ago

Mardanjan commented 4 years ago

BFC的概念

Block Formatting context 块格式化上下文，它是页面中的一块渲染区域，这个区域与非BFC区域有些区别的，它有一套渲染规则，它决定了子元素如何定位，以及和其它元素的关系和相互作用。

什么是BFC?

具有BFC特性的元素可以看做是隔离了的独立容器，容器里面的元素在布局上不会影响到外面的元素，并且BFC具有普通的容器所没有的一些特性。
通俗的说，可以把BFC看做是一个箱子，里面的东西怎么折腾都不会影响到外面的东西。

触发BFC，满足以下任意条件就可以触发