| 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: -webkit-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/check-layout.js"></script> | 18 <script src="../../resources/check-layout.js"></script> |
| 19 <body onload="checkLayout('.flexbox')"> | 19 <body onload="checkLayout('.flexbox')"> |
| 20 | 20 |
| 21 <div class="flexbox"> | 21 <div class="flexbox"> |
| 22 <img data-expected-display="block" data-expected-width="345" style="-webkit-fl
ex: 1 0 auto;" src="../images/resources/blue-100.png"> | 22 <img data-expected-display="block" data-expected-width="345" style="flex: 1 0
auto;" src="../images/resources/blue-100.png"> |
| 23 <img data-expected-display="block" data-expected-width="255" data-expected-hei
ght="100" style="-webkit-flex: 1 0 auto;" src="../images/resources/green-10.png"
> | 23 <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"> |
| 24 </div> | 24 </div> |
| 25 | 25 |
| 26 </body> | 26 </body> |
| OLD | NEW |