BFC（Block Formatting Context）直译为“块级格式化范围”。
可以把BFC理解成是一个独立的容器，并且容器里的布局，与容器外互不影响。
当一个CSS元素满足下面条件的任何一点，都可以创建BFC
1、float的值为right和left。
2、overflow的值不为visible。
3、display的值为table-cell, table-caption, inline-block。
4、position的值为absolute或fixed。
a、让浮动元素之间不能重叠
如果一个浮动元素后面跟着一个非浮动的元素，那么就会产生一个覆盖的现象，此时需要给没有浮动的元素创建一个BFC就行了，比如加一个：display：inline-block；。
b、清除元素内部浮动
只要把父元素设为BFC就可以清理子元素的浮动了，最常见的用法就是在父元素上设置overflow: hidden样式。
c、解决上下相邻两个元素重叠
把两个容器分别放在两个据有BFC的包裹容器中就行了，上下元素就不会重叠了。
一、是什么？ BFC（Block Formatting Context）直译为“块级格式化范围”。 可以把BFC理...
什么是BFC 在一个Web页面的CSS渲染中，块级格式化上下文 (Block Fromatting Context...
简述CSS BFC和CSS hack BFC BFC定义：浮动元素和绝对定位元素，非块级盒子的块级容器（例如inl...
大家好，我是IT修真院上海分院第01期学员，一枚正直善良的web程序员。 今天给大家分享一下，修真院官网 CSS任...
BFC是指一个独立的块级渲染区域，只有Block-level Box（块级元素）参与，该区域拥有一套渲染规则来约束...
前言 本文包括以下内容： 什么是BFC 如何产生BFC BFC的特点 应用BFC 1、什么是BFC BFC （Bl...
作业地址 BFC 是什么？如何生成 BFC？BFC 有什么作用？ BFC是什么？ BFC 全称 Block For...
BFC 是什么？如何生成 BFC？BFC 有什么作用？举例说明。 BFC 全称 Block Formatting ...
BFC 是什么？如何生成 BFC？BFC 有什么作用？举例说明。BFC( Block Formatting Con...
BFC定义 BFC 全称 Block Formatting Context。BFC(Block formattin...
本文标题：简述BFC
本文链接：https://www.haomeiwen.com/subject/exhsgftx.html
网友评论