| <!DOCTYPE html> |
| <html> |
| <head> |
| <script> |
| if (window.testRunner) |
| testRunner.overridePreference("WebKitCSSGridLayoutEnabled", 1); |
| </script> |
| <style> |
| div { width: 100px; height: 100px; } |
| .relative-positioned-grid { display: none; background-color: red; position:relative; } |
| .relative-positioned-inline-grid { display: none; background-color: red; position: relative; } |
| </style> |
| </head> |
| <body> |
| <p>Grids can act as containing blocks for positioned content.</p> |
| <div class="relative-positioned-grid" style="display: -webkit-grid"><div style="background-color: green; left: 0; top: 0"></div></div> |
| <div class="relative-positioned-inline-grid" style="display: -webkit-inline-grid"><div style="background-color:green; left: 0; top: 0"></div></div> |
| </body> |
| </html> |
