5e30ec590bab8b1bd2444a3874d30f526e63f789
[WebKit.git] / 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>