position-absolute-009.html (815B)
1 <!DOCTYPE html> 2 <title>abspos items</title> 3 <link rel="author" title="David Grogan" href="mailto:dgrogan@chromium.org"> 4 <link rel="help" href="https://drafts.csswg.org/css-flexbox/#abspos-items"> 5 <link rel="match" href="/css/reference/ref-filled-green-100px-square.xht"> 6 <link rel="bookmark" href="https://crbug.com/1066859"> 7 <meta name="assert" content="Flex sets correct static position for abspos item when containing block is grid and abspos item is also grid." /> 8 <style> 9 div { 10 height: 100px; 11 width: 100px; 12 } 13 </style> 14 15 <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> 16 17 <div style="display: grid; position: relative;"> 18 <div style="display: flex; align-items: center; background: red"> 19 <div style="position: absolute; background: green; display: grid"> 20 </div> 21 </div>