Layout

The step where the browser works out every box's size and position.

What is layout in the browser?

Layout is the step where the browser works out the size and position of every box on the page.

const el = document.querySelector(".card");
el.style.width = "300px";
console.log(el.offsetHeight);   // forces layout to run now

Level: Master · More CSS terms at this level

Updated September 27, 2026