By Noxxxx from https://interview.noxxxx.com/?post_type=post&p=112 上山打老虎
欢迎分享与聚合,尊重版权,可以联系授权
BFC 是块级格式化上下文。
效果?
内部子元素的变化不会影响到外部
如何形成?
- 根元素
- 浮动元素 float 不为 none
- position 为absolute 或 fixed
- display 取值为 inline-block table-cell table-caption flex inline-flex
- overflow 不为 visible 的元素
作用?
- 可以包含浮动元素
- 不被浮动元素覆盖
- 防止父子元素的 margin 折叠