BFC(Block Format Context)块级格式化上下文,是页面盒模型中的一种 CSS
渲染模式,相当于一个独立的容器,里面的元素和外部的元素相互不影响。
创建 BFC
的方式有:
html
根元素float
浮动- 绝对定位
overflow
不为visible
display
为表格布局或者弹性布局;
BFC
主要的作用是:
- 清除浮动
- 防止同一
BFC
容器中的相邻元素间的外边距重叠问题
BFC(Block Format Context)块级格式化上下文,是页面盒模型中的一种 CSS
渲染模式,相当于一个独立的容器,里面的元素和外部的元素相互不影响。
创建 BFC
的方式有:
html
根元素float
浮动overflow
不为 visible
display
为表格布局或者弹性布局;BFC
主要的作用是:
BFC
容器中的相邻元素间的外边距重叠问题