css之BFC

来源:互联网 发布:苹果a1530支持什么网络 编辑:程序博客网 时间:2024/05/22 20:12

BFC定义:Block formatting context ,它是块盒子的布局发生,浮动互相交互的区域。主要是可以解决外边距合并,清除浮动,和布局。
什么情况下会触发BFC呢?
这里写图片描述
一个块格式化上下文包括创建它的元素内部的所有内容,除了被包含于创建新的块级格式化上下文的后代元素内的元素。
块格式化上下文对于定位 (参见 float) 与清除浮动 (参见 clear) 很重要。定位和清除浮动的样式规则只适用于处于同一块格式化上下文内的元素。浮动不会影响其它块格式化上下文中元素的布局,并且清除浮动只能清除同一块格式化上下文中在它前面的元素的浮动。

摘自MDN