OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <script> | |
5 if (window.testRunner) | |
6 testRunner.overridePreference("WebKitCSSGridLayoutEnabled", 1); | |
7 </script> | |
8 <link href="resources/grid.css" rel="stylesheet"> | 4 <link href="resources/grid.css" rel="stylesheet"> |
9 <style> | 5 <style> |
10 div { width: 100px; height: 100px; } | 6 div { width: 100px; height: 100px; } |
11 .relative-positioned-grid { background-color: red; position:relative; } | 7 .relative-positioned-grid { background-color: red; position:relative; } |
12 .relative-positioned-inline-grid { background-color: red; position: rela
tive; } | 8 .relative-positioned-inline-grid { background-color: red; position: rela
tive; } |
13 </style> | 9 </style> |
14 </head> | 10 </head> |
15 <body> | 11 <body> |
16 <p>Grids can act as containing blocks for positioned content.</p> | 12 <p>Grids can act as containing blocks for positioned content.</p> |
17 <div class="relative-positioned-grid grid"><div style="background-color: green;
left: 0; top: 0"></div></div> | 13 <div class="relative-positioned-grid grid"><div style="background-color: green;
left: 0; top: 0"></div></div> |
18 <div class="relative-positioned-inline-grid inline-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> |
19 </body> | 15 </body> |
20 </html> | 16 </html> |
OLD | NEW |