浏览器的布局原理是怎样的？

Question

http://upload-images.jianshu....

一个浏览器进行渲染的过程大致如上图所示 DOM树和CSSOM树合成渲染树可谓是老生常谈
经过查找资料 我了解到css因为是上下文无关的文档所以可以由解析器解析 而dom由dtd规定的响应文档文档进行解析然后共同构建渲染树
但是浏览器如何根据渲染树进行布局呢？
之前了解过浏览器的布局分为增量布局和全局布局
但是不太理解增量布局也没有找到相关文档
而且关于增量布局的脏系统也是心存困惑

希望可以就浏览器的布局原理的到解答

Answer 1

基于 webkit 来说的话，布局（Layout）是再知道对一个元素应用哪些规则之后，浏览器即可开始计算它要占据的空间大小及其在屏幕的位置。说原理的话，不如说是 Webkit/Blink 的处理机制。

给你几个链接吧，自己看下吧：

• https://www.slideshare.net/ar...

• https://docs.google.com/docum...

• https://fed.renren.com/2017/0...