grid-items-relative-positioned-containing-block-002.html (1139B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Grid Layout Test: Relative Positioned Grid Items as a Containing Block of Absolute Positioned Descendant</title> 4 <link rel="author" title="Jo Steven Novaryo" href="mailto:steven.novaryo@gmail.com"> 5 <link rel="help" href="https://drafts.csswg.org/css-position-3/#absolute-cb"> 6 <link rel="help" href="https://drafts.csswg.org/css-position-3/#fixed-cb"> 7 <link rel="help" href="https://drafts.csswg.org/css-grid/#grid-items"> 8 <link rel="help" href="https://github.com/servo/servo/issues/34535"> 9 <link rel="match" href="/css/reference/ref-filled-green-100px-square.xht"> 10 <meta name="assert" content="Ensures that relative positioned grid item established as an absolute containing block correctly."> 11 <link rel="stylesheet" href="support/grid-items-relative-positioned-containing-block.css"> 12 13 <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> 14 15 <div class="grid"> 16 <div class="container"> 17 <div> 18 <span> 19 <div class="box-abspos red"></div> 20 </span> 21 </div> 22 </div> 23 <div class="box1 green"></div> 24 </div>