qq_43889848的博客

引言： 这篇文章是我对BFC的理解及总结，带你揭开BFC的面纱。你将会知道BFC是什么，形成BFC的条件，BFC的相关特性，以及他的实际应用。 一、何为BFC BFC（Block Formatting Context）格式化上下文，是Web页面中盒模型布局的CSS渲染模式，指一个独立的渲染区域或者说是一个隔离的独立容器。 二、形成BFC的条件 1、浮动元素，float 除 none 以外的值； 2、定位元素，position（absolute，fixed）； 3、display 为以下其中之一的值

一、浏览器渲染流程 解析HTML，创建DOM树 解析CSS，生成CSS规则树 将DOM树与CSS规则树合并，构建渲染树(RenderingObject树) 布局和绘制，重绘(repaint)和重排(reflow) (重排也称回流) 1.下述情况会发生浏览器重排 1.添加或者删除可见的DOM元素 2.元素位置改变 3.元素尺寸改变（包括：内外边距、边框厚度、宽度和高度等属性的改变） 4.内容改变，例如：文本改变或者图片被另一个不同尺寸的图片替代 5.页面渲染器初始化 6,浏览器窗口尺寸改变’ 7.对可见元