layout tree

A layout tree is a tree structure that a browser's rendering engine builds from an HTML document's DOM and its CSS style information. It contains only elements that are actually displayed and stores computed layout information such as each element's size and position. The browser uses it to paint the page on screen.

Unlike the DOM, which includes every element in a document, it omits elements that are not displayed. Some engines call it a render tree.

This entry is based on AIPOST articles and widely known facts. If something is wrong, please send us a correction request.