positioned-grid-items-022-ref.html (685B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Grid Layout Test: Positioned grid items reference file</title> 4 <style> 5 #grid { 6 width: 100px; 7 height: 100px; 8 background-color: blue; 9 position: relative; 10 padding: 5px; 11 } 12 13 .abspos { 14 position: absolute; 15 bottom: 0px; right: 0px; 16 background-color: hotpink; 17 } 18 19 #start { 20 top: 0px; left: 0px; 21 width: 5px; 22 height: 5px; 23 } 24 25 #end { 26 top: 5px; left: 5px; 27 width: 105px; 28 height: 105px; 29 } 30 31 </style> 32 33 <p>The test passes if it has the same output than the reference.</p> 34 35 <div id="grid"> 36 <div class="abspos" id="start"></div> 37 <div class="abspos" id="end"></div> 38 </div>