bfc

前端进阶课程二十三、：CSS核心进阶二盒模型进阶与BFC原理一、学习目标1. 彻底掌握CSS盒模型的两种模式，能灵活切换和应用； 2. 理解BFC的定义、触发条件及核心应用，解决页面布局中的常见问题（margin塌陷、浮动溢出等）； 3. 掌握盒模型相关属性的细节用法（padding、margin、border、box-sizing）。

关于css中bfc的理解首先需要了解的是bfc的缩写是block formatting context 块级格式化上下文那么块级格式化上下文意味着我们在bfc的区域内生成了一块独立于当前文本流的样式、它不受外界样式的影响、有着专属于自己的样式。

下雪天的夏风

CSS BFC特性和应用BFC 就是页面上一块独立的容器，内部有自己的渲染布局规则。容器内外的元素不会相互影响。在标准流中的根元素 html 就是一个天然的 BFC 环境。

浅谈BFCBFC（块格式化上下文）是CSS布局中的一个重要概念，用于控制块级盒子的布局和定位。BFC是一个独立的渲染区域，其中的元素按照一定的规则进行布局，与其他区域相互隔离。

我是有底线的