<!DOCTYPE html> <meta charset="utf-8"> <title>CSS Containment Test: Paint containment fixed positioned descendants</title> <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com"> <link rel="help" href="https://drafts.csswg.org/css-contain-1/#containment-paint"> <link rel="match" href="../reference/ref-filled-green-100px-square.xht"> <meta name=assert content="Paint containment makes an element to act as containing block for fixed positioned descendants."> <style> #contain-paint { contain: paint; width: 100px; height: 50px; background: red; } #fixed { position: fixed; bottom: 0; right: 0; background: green; width: 100px; height: 50px; } </style> <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> <div id="contain-paint"> <div id="fixed"></div> </div> <div id="contain-paint" style="display: inline-block"> <div id="fixed"></div> </div>