layout/reftests/box-properties/max-height-1-ref.html

   1 <!DOCTYPE html>
   2 <html>
   3   <head>
   4     <style>
   5       div:empty { background: yellow; border: 1px solid black;
   6                   padding: 0; margin: 0; }
   7       body > div:not(:empty) { height: 20px}
   8     </style>
   9   </head>
  10   <body>
  11     <div style="height: 10px; max-height: 15px;"></div>
  12     <div style="height: 10px; max-height: 5px;"></div>
  13     <div style="height: 10px; max-height: 5px; min-height: 2px"></div>
  14     <div style="height: 10px; max-height: 5px; min-height: 15px"></div>
  15     <div style="max-height: 5px; min-height: 15px"></div>
  16     <div>
  17       <div style="height: 50%;"></div>
  18     </div>
  19     <div>
  20       <div style="height: 50%; max-height: 15px;"></div>
  21     </div>
  22     <div>
  23       <div style="height: 50%; max-height: 5px;"></div>
  24     </div>
  25     <div>
  26       <div style="height: 50%; max-height: 75%;"></div>
  27     </div>
  28     <div>
  29       <div style="height: 50%; max-height: 10%;"></div>
  30     </div>
  31     <div style="padding: 10px 0;">
  32       <div style="height: 50%; max-height: 75%;"></div>
  33     </div>
  34     <div style="padding: 10px 0;">
  35       <div style="height: 50%; max-height: 10%;"></div>
  36     </div>
  37     <div style="border-width: 10px 0; border-style: solid;
  38                 border-color: transparent;">
  39       <div style="height: 50%; max-height: 75%;"></div>
  40     </div>
  41     <div style="border-width: 10px 0; border-style: solid;
  42                 border-color: transparent;">
  43       <div style="height: 50%; max-height: 10%;"></div>
  44     </div>
  45   </body>
  46 </html>