Enable CSS grid layout LayoutTests on platform Mac
[WebKit.git] / 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", 1);
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>