positioned-grid-items-025.html (818B)
1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <title>CSS Grid Layout Test: Positioned grid items</title> 5 <link rel="help" href="https://drafts.csswg.org/css-grid-2/#abspos"> 6 <link rel="match" href="positioned-grid-items-025-ref.html"> 7 <meta name="assert" content="Checks that absolutely positioned items are properly placed and sized."> 8 <style> 9 #grid { 10 display: grid; 11 grid-template-columns: 50px 100px; 12 height: 100px; 13 width: 150px; 14 direction: rtl; 15 padding-left: 50px; 16 padding-right: 80px; 17 position: absolute; 18 } 19 20 #grid > div { 21 top: 0px; 22 right: 0px; 23 bottom: 0px; 24 left: 0px; 25 position: absolute; 26 background-color: blue; 27 } 28 </style> 29 30 </head><body><div id="grid"> 31 <div style="grid-column: auto / 1;"></div> 32 <div style="grid-column: -1 / auto;"></div> 33 </div> 34 </body></html>