BFC:块级格式化上下文(block formatting context)。形成福利容器,不会在布局中影响到外边的元素
特性
- 边距会重叠
- 内外元素互不影响
- 不会与浮动元素发生重叠
- 高度会包括元素内的浮动元素的高度
触发条件
- body根元素
- 浮动元素:float不为none
- overflow不为visible
- 绝对定位元素:position为absolute、fixed
- display为inline-block、table-cells、flex、table-caption
BFC:块级格式化上下文(block formatting context)。形成福利容器,不会在布局中影响到外边的元素
特性
触发条件