position-fixed-root-element-grid.html (1083B)
1 <!DOCTYPE html> 2 <html> 3 <meta charset="UTF-8"> 4 <title>CSS Position: Box inset properties & position:fixed grid container as the root element</title> 5 <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> 6 <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com"> 7 <link rel="author" title="Mozilla" href="http://www.mozilla.org/"> 8 <link rel="help" href="https://drafts.csswg.org/css-position-3/#insets"> 9 <link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1584890"> 10 <link rel="match" href="position-fixed-root-element-ref.html"> 11 <meta name="assert" content="This test verifies the box inset properties on a position:fixed grid container root element."> 12 13 <style> 14 html { 15 display: grid; 16 position: fixed; 17 left: 10px; 18 right: 20px; 19 top: 30px; 20 bottom: 40px; 21 border: 5px dashed black; 22 box-sizing: border-box; 23 } 24 </style> 25 26 The black border should encompass the whole viewport, 27 with a bit of space on each side. 28 <br><br> 29 It shouldn't just shrinkwrap this text's height. 30 </html>