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

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4     <style>
   5         div { width: 100px; height: 100px; }
   6         .relative-positioned-grid { display: -webkit-grid; background-color: red; position:relative; }
   7         .relative-positioned-inline-grid { display: -webkit-inline-grid; background-color: red; position: relative; }
   8     </style>
   9 </head>
  10 <body>
  11 <p>Grids can act as containing blocks for positioned content.
  12 <div class="relative-positioned-grid"><div style="background-color: green; left: 0; top: 0"></div>
  13 <div class="relative-positioned-inline-grid"><div style="background-color:green; left: 0; top: 0"></div>
  14 </p>