几句话说清楚BFC

Posted 张仪ranck

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了几句话说清楚BFC相关的知识,希望对你有一定的参考价值。

BFC是什么

BFC是 块 格式化 上下文的缩写,
他会创建一个独立渲染的区域;

怎么创建

  • body元素自带
  • overflow hidden auto scroll
  • position absolute fixed
  • float 除了none之外的其他属性
  • flex
  • table系列
  • 网格布局,多列布局等

用途

  • 避免元素之间的外边框折叠
  • 清除子元素浮动
  • 清除兄弟节点浮动环绕

以上是关于几句话说清楚BFC的主要内容,如果未能解决你的问题,请参考以下文章

几句话说清Bash Shell环境变量

关于取消/清空ECharts地图区域选中状态的问题 我有几句话说

bfc

BFC 神奇背后的原理

前端精选文摘:BFC 神奇背后的原理

前端精选文摘:BFC 神奇背后的原理------转