LayoutTests/fast/css-grid-layout/containing-block-grids.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4     <script>
   5         if (window.testRunner)
   6             testRunner.overridePreference("WebKitCSSGridLayoutEnabled", true);
   7     </script>
   8     <style>
   9         div { width: 100px; height: 100px; }
  10         .relative-positioned-grid { display: none; background-color: red; position:relative; }
  11         .relative-positioned-inline-grid { display: none; background-color: red; position: relative; }
  12     </style>
  13 </head>
  14 <body>
  15 <p>Grids can act as containing blocks for positioned content.
  16 <div class="relative-positioned-grid" style="display: -webkit-grid"><div style="background-color: green; left: 0; top: 0"></div>
  17 <div class="relative-positioned-inline-grid" style="display: -webkit-inline-grid"><div style="background-color:green; left: 0; top: 0"></div>
  18 </p>
  19 </body>
  20 </html>