third_party/WebKit/LayoutTests/css3/flexbox/flexitem-stretch-image.html

   1 <!DOCTYPE html>
   2 <html>
   3 <style>
   4 .flexbox {
   5     width: 600px;
   6     display: flex;
   7     background-color: #aaa;
   8     position: relative;
   9     min-height: 10px;
  10 }
  11 .flexbox > * {
  12     margin: 0;
  13     border: 0;
  14     padding: 0;
  15     min-width: 0;
  16 }
  17 </style>
  18 <script src="../../resources/check-layout.js"></script>
  19 <body onload="checkLayout('.flexbox')">
  20
  21 <div class="flexbox">
  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-height="100" style="flex: 1 0 auto;" src="../images/resources/green-10.png">
  24 </div>
  25
  26 </body>