Layout containment

contain: layout: nothing inside affects layout outside.

What is layout containment?

Layout containment (contain: layout) promises that nothing inside an element affects layout outside it, so the browser can skip work.

.chat-widget { contain: layout; }

Level: Master · More CSS terms at this level

Updated September 27, 2026