grid-items-relative-positioned-containing-block-004.html (1059B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Grid Layout Test: Relative Positioned Grid Items as a Containing Block of Fixed 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 a 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 class="box-fixpos red"></div> 18 </div> 19 <div class="box1 green"></div> 20 </div>