BFC是一个渲染区域，有自己单独的渲染规则。有5种情况会触发BFC:
1.根元素
2.浮动元素
3.定位不为relative和static
4.display:inline-block, table-cell, table-caption, flex, inline-flex
5.overflow不为visible
BFC的规则如下:
0.块级box会在垂直方向一个接一个的放置
1.内部的块级box在垂直方向会发生边距合并现象，具体细节待总结（可用来解决边距合并）
2.每个元素的margin-left的左边都与包含块接触。通常的包含块都为content-box（float元素也是），但absolute的包含块则为最近的relative或absolute或fix元素的padding-box
3.BFC区域和float不会重叠（两栏布局）
4.计算高度时，浮动元素也参与计算（浮动高度塌陷的解决办法之一）
前言 本文包括以下内容： 什么是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 是什么？如何生成 BFC？BFC 有什么作用？举例说明。 BFC全称Block Formatting Co...
BFC 是什么，BFC布局规则是？哪些元素会生成BFC？
BFC 是什么？如何生成 BFC？有什么特性？BFC 有什么作用？举例说明 BFC(Block formattin...
BFC CSS中的BFC BFC：block formatting context块级格式化上下文； BFC 与清...
BFC BFC(Block Formatting Context)，块级格式上下文。 What is BFC ? ...
本文标题：BFC
本文链接：https://www.haomeiwen.com/subject/efmihqtx.html
网友评论