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

   1 <!DOCTYPE html>
   2 <!--
   3 All divs here should shrinkwrap to fit their content, except for fill-available
   4 -->
   5 <style>
   6     @import "resources/height-keyword-classes.css";
   7
   8     body * {
   9         border: 2px solid red;
  10         padding: 5px;
  11         clear: both;
  12     }
  13
  14     .container {
  15         height: 500px;
  16         border-color: blue;
  17
  18         display: inline-block;
  19         width: 100px;
  20     }
  21
  22     iframe {
  23       width: 50px;
  24     }
  25
  26     .small {
  27       height: 1px;
  28     }
  29
  30     .big {
  31       height: 300px;
  32     }
  33
  34     .really-big {
  35       height: 1000px;
  36     }
  37 </style>
  38 <div class="container">
  39   <iframe class="min-content">
  40   </iframe>
  41
  42   <iframe class="max-content">
  43   </iframe>
  44
  45   <iframe class="fit-content">
  46   </iframe>
  47 </div>
  48
  49 <div class="container">
  50   <iframe class="fill-available">
  51   </iframe>
  52 </div>
  53
  54 <div class="container">
  55   <iframe class="small min-height-min-content">
  56   </iframe>
  57
  58   <iframe class="small min-height-max-content">
  59   </iframe>
  60
  61   <iframe class="small min-height-fit-content">
  62   </iframe>
  63 </div>
  64
  65 <div class="container">
  66   <iframe class="small min-height-fill-available">
  67   </iframe>
  68 </div>
  69
  70 <div class="container">
  71   <iframe class="big max-height-min-content">
  72   </iframe>
  73
  74   <iframe class="big max-height-max-content">
  75   </iframe>
  76
  77   <iframe class="big max-height-fit-content">
  78   </iframe>
  79 </div>
  80
  81 <div class="container">
  82   <iframe class="really-big max-height-fill-available">
  83   </iframe>
  84 </div>