third_party/WebKit/LayoutTests/fast/css-intrinsic-dimensions/height-flexbox.html

   1 <!DOCTYPE html>
   2 <style>
   3   @import "resources/height-keyword-classes.css";
   4
   5   .container {
   6     display: -webkit-flex;
   7     display: flex;
   8     -webkit-flex-direction: column;
   9     flex-direction: column;
  10
  11     border: 2px solid blue;
  12   }
  13
  14   .item {
  15     height: 1px;
  16     border: 2px solid red;
  17     -webkit-flex: 1;
  18     flex: 1;
  19   }
  20 </style>
  21
  22 <div class="container">
  23   <div class="item min-height-min-content">
  24     Line 1<br>
  25     Line 2
  26   </div>
  27 </div>
  28
  29 <div class="container">
  30   <div class="item min-height-min-content">
  31     Line 1
  32   </div>
  33   <div class="item min-height-min-content">
  34     Line 1<br>
  35     Line 2
  36   </div>
  37 </div>