瀏覽器的布局原理是怎樣的？

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

一個(gè)瀏覽器進(jìn)行渲染的過(guò)程大致如上圖所示 DOM樹(shù)和CSSOM樹(shù)合成渲染樹(shù)可謂是老生常談
經(jīng)過(guò)查找資料我了解到css因?yàn)槭巧舷挛臒o(wú)關(guān)的文檔所以可以由解析器解析而dom由dtd規(guī)定的響應(yīng)文檔文檔進(jìn)行解析然后共同構(gòu)建渲染樹(shù)
但是瀏覽器如何根據(jù)渲染樹(shù)進(jìn)行布局呢？
之前了解過(guò)瀏覽器的布局分為增量布局和全局布局
但是不太理解增量布局也沒(méi)有找到相關(guān)文檔
而且關(guān)于增量布局的臟系統(tǒng)也是心存困惑

希望可以就瀏覽器的布局原理的到解答

回答

編輯回答

陪她鬧

基于 webkit 來(lái)說(shuō)的話(huà)，布局（Layout）是再知道對(duì)一個(gè)元素應(yīng)用哪些規(guī)則之后，瀏覽器即可開(kāi)始計(jì)算它要占據(jù)的空間大小及其在屏幕的位置。說(shuō)原理的話(huà)，不如說(shuō)是 Webkit/Blink 的處理機(jī)制。

給你幾個(gè)鏈接吧，自己看下吧：