OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <script> | 3 <script> |
4 if (window.testRunner) | 4 if (window.testRunner) |
5 testRunner.overridePreference("WebKitCSSGridLayoutEnabled", 1); | 5 testRunner.overridePreference("WebKitCSSGridLayoutEnabled", 1); |
6 </script> | 6 </script> |
7 <link href="resources/grid.css" rel="stylesheet"> | 7 <link href="resources/grid.css" rel="stylesheet"> |
8 <style> | 8 <style> |
9 .grid { | 9 .grid { |
10 grid-definition-columns: 40% 60%; | 10 grid-template-columns: 40% 60%; |
11 grid-definition-rows: 30% 70%; | 11 grid-template-rows: 30% 70%; |
12 width: 400px; | 12 width: 400px; |
13 height: 300px; | 13 height: 300px; |
14 } | 14 } |
15 | 15 |
16 #bigGrid { | 16 #bigGrid { |
17 grid-definition-columns: 25% 25% 25% 25%; | 17 grid-template-columns: 25% 25% 25% 25%; |
18 grid-definition-rows: 25% 25% 25% 25%; | 18 grid-template-rows: 25% 25% 25% 25%; |
19 height: 100px; | 19 height: 100px; |
20 width: 200px; | 20 width: 200px; |
21 } | 21 } |
22 | 22 |
23 .negativeOverflowRowFirstColumn { | 23 .negativeOverflowRowFirstColumn { |
24 grid-row: 1 / -5; | 24 grid-row: 1 / -5; |
25 grid-column: 1; | 25 grid-column: 1; |
26 } | 26 } |
27 | 27 |
28 .overflowRowFirstColumn { | 28 .overflowRowFirstColumn { |
(...skipping 145 matching lines...) Loading... |
174 <div class="sizedToGridArea thirdRowSpanning2Column3" data-offset-x="0" data
-offset-y="50" data-expected-width="100" data-expected-height="25"></div> | 174 <div class="sizedToGridArea thirdRowSpanning2Column3" data-offset-x="0" data
-offset-y="50" data-expected-width="100" data-expected-height="25"></div> |
175 </div> | 175 </div> |
176 | 176 |
177 <div style="position: relative"> | 177 <div style="position: relative"> |
178 <div class="grid" id="bigGrid" data-expected-width="200" data-expected-height="1
00"> | 178 <div class="grid" id="bigGrid" data-expected-width="200" data-expected-height="1
00"> |
179 <div class="sizedToGridArea underflowSpanning" data-offset-x="0" data-offset
-y="0" data-expected-width="100" data-expected-height="75"></div> | 179 <div class="sizedToGridArea underflowSpanning" data-offset-x="0" data-offset
-y="0" data-expected-width="100" data-expected-height="75"></div> |
180 </div> | 180 </div> |
181 | 181 |
182 </body> | 182 </body> |
183 </html> | 183 </html> |
OLD | NEW |