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

   1 <!DOCTYPE html>
   2
   3 <style>
   4   @import "resources/height-keyword-classes.css";
   5
   6   .small { height: 1px; }
   7   .big { height: 300px; }
   8   .item { height: 50px; width: 50px; border: 1px solid blue; }
   9
  10   .container { height: 100px; border: 5px solid pink; }
  11   .table { border: 2px solid red; display: table; border-collapse: collapse; border-spacing: 2px; }
  12   .td { border: 2px solid green; display: table-cell; }
  13 </style>
  14
  15 <div class="table big max-height-min-content">
  16   <div class="td">
  17     <div class="item"></div>
  18   </div>
  19 </div>
  20
  21 <table>
  22   <div class="td small min-height-min-content">
  23     <div class="item"></div>
  24   </div>
  25 </div>
  26
  27 <div class="container">
  28   <div class="table small min-height-fill-available">
  29     <div class="td">
  30       <div class="item"></div>
  31     </div>
  32   </div>
  33 </div>
  34
  35
  36 <div class="table container">
  37   <div class="td small min-height-fill-available">
  38     <div class="item"></div>
  39   </div>
  40 </div>