positioned-grid-items-019-ref.html (534B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Grid Layout Test: Fixed positioned element in grid.</title> 4 <style> 5 6 #grid { 7 display: inline-grid; 8 grid: 50px 50px / 50px 50px; 9 padding: 5px; 10 border: 5px solid; 11 background-color: gray; 12 margin: 50px; 13 } 14 15 #fixed { 16 width: 50px; 17 height: 50px; 18 background-color: blue; 19 position: fixed; 20 top: 0px; 21 left: 0px; 22 } 23 24 </style> 25 26 <p>The test passes if it has the same output than the reference.</p> 27 28 <div id="fixed"></div> 29 <div id="grid"></div>