OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <style> | 3 <style> |
4 .flexbox { | 4 .flexbox { |
5 width: 600px; | 5 width: 600px; |
6 display: flex; | 6 display: flex; |
7 background-color: #aaa; | 7 background-color: #aaa; |
8 position: relative; | 8 position: relative; |
9 min-height: 10px; | 9 min-height: 10px; |
10 } | 10 } |
11 .flexbox > * { | 11 .flexbox > * { |
12 margin: 0; | 12 margin: 0; |
13 border: 0; | 13 border: 0; |
14 padding: 0; | 14 padding: 0; |
15 min-width: 0; | 15 min-width: 0; |
16 } | 16 } |
17 </style> | 17 </style> |
18 <script src="../../resources/testharness.js"></script> | 18 <script src="../../resources/testharness.js"></script> |
19 <script src="../../resources/testharnessreport.js"></script> | 19 <script src="../../resources/testharnessreport.js"></script> |
20 <script src="../../resources/check-layout-th.js"></script> | 20 <script src="../../resources/check-layout-th.js"></script> |
21 <body onload="checkLayout('.flexbox')"> | 21 <body onload="checkLayout('.flexbox')"> |
22 <div id=log></div> | 22 <div id=log></div> |
23 | 23 |
24 <div class="flexbox"> | 24 <div class="flexbox"> |
25 <img data-expected-display="block" data-expected-width="345" style="flex: 1 0
auto;" src="../images/resources/blue-100.png"> | 25 <img data-expected-display="block" data-expected-width="345" style="flex: 1 0
auto;" src="../../images/resources/blue-100.png"> |
26 <img data-expected-display="block" data-expected-width="255" data-expected-hei
ght="100" style="flex: 1 0 auto;" src="../images/resources/green-10.png"> | 26 <img data-expected-display="block" data-expected-width="255" data-expected-hei
ght="100" style="flex: 1 0 auto;" src="../../images/resources/green-10.png"> |
27 </div> | 27 </div> |
28 | 28 |
29 </body> | 29 </body> |
OLD | NEW |