Widely Available
Containment
id: contain-layout
Layout containment
The
contain: layout CSS declaration isolates the inside of an element such that it cannot affect the layout of the rest of the page or be affected by the rest of the page. This permits the browser to avoid slower layout calculations.
Baseline Status:
Achieved Widely Available on Sep 14, 2024 (Cross-browser Newly Available since Mar 14, 2022).
Desktop Browser Engine Support
Google Chrome
52
Supported
Mozilla Firefox
69
Supported
Apple Safari
15.4
Supported
Microsoft Edge
79
Supported
Mobile Browser Engine Support
Chrome Android
52
Firefox Android
79
Safari iOS
15.4
Specifications and References
MDN Browser Compat Data Keys: