contain-layout-containing-block-absolute-001.html (863B)
1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>CSS Test: 'contain: layout' element should contain absolute position elements.</title> 6 <link rel="author" title="Kyle Zentner" href="mailto:zentner.kyle@gmail.com"> 7 <link rel="author" title="Morgan Rae Reschenberg" href="mailto:mreschenberg@berkeley.edu"> 8 <link rel="help" href="https://drafts.csswg.org/css-contain-1/#containment-layout"> 9 <link rel="match" href="contain-paint-containing-block-absolute-001-ref.html"> 10 <style> 11 #a { 12 contain: layout; 13 width: 100px; 14 height: 100px; 15 background: red; 16 margin: 50px; 17 } 18 #b { 19 position: absolute; 20 top: 0; 21 left: 0; 22 width: 100px; 23 height: 100px; 24 background: green; 25 } 26 </style> 27 </head> 28 <body> 29 <div id="a"> 30 <div> 31 <div id="b"></div> 32 </div> 33 </div> 34 </body> 35 </html>