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

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