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

   1 <!DOCTYPE html>
   2
   3 <style>
   4   .item { height: 50px; width: 50px; border: 1px solid blue; }
   5
   6   .container { height: 100px; border: 5px solid pink; }
   7   .table { border: 2px solid red; display: table; border-spacing: 2px; }
   8   .td { border: 2px solid green; display: table-cell; }
   9 </style>
  10
  11 <div class="table">
  12   <div class="td">
  13     <div class="item"></div>
  14   </div>
  15 </div>
  16
  17 <table>
  18   <div class="td">
  19     <div class="item"></div>
  20   </div>
  21 </div>
  22
  23 <div class="container">
  24   <div class="table" style="height: 100%; box-sizing: border-box;">
  25     <div class="td">
  26       <div class="item"></div>
  27     </div>
  28   </div>
  29 </div>
  30
  31
  32 <div class="table container" style="display: block; float: left; height: 98px;">
  33   <div class="td" style="height: 90px;" style="display: block;">
  34     <div class="item"></div>
  35   </div>
  36 </div>