bfc规则特性 – CSS – 前端 css表格样式设计及代码

一，BFC产生规则

1、根标签(body)

2、float的值不为none

3、overflow的值不为visible

4、display的值为inline-block

5、position的值为absolute或fixed

二，BFC的特性

1、垂直方向排列。（类似块级特性）

2、BFC内部每个内部标签都会与左边界相接触。（类似块级特性）

3、属于同一个BFC的两个块元素，垂直margin兄弟关系会折叠（正数以大值为准，有负数正常加减），父子关系会塌陷。

4、BFC区域不会与float的标签区域重叠。

5、浮动的标签也会被计算BFC高度。

6、BFC是独立容器，内部标签不会影响到外部标签