LayoutTests/imported/w3c/web-platform-tests/css/css-contain/contain-layout-overflow-001-ref.html

   1 <!DOCTYPE HTML>
   2 <html>
   3 <head>
   4   <meta charset="utf-8">
   5   <title>CSS Reftest Reference</title>
   6   <link rel="author" title="Morgan Rae Reschenberg" href="mailto:mreschenberg@berkeley.edu">
   7   <style>
   8   .outer {
   9     height: 100px;
  10     width: 100px;
  11   }
  12   .auto {
  13     overflow: auto;
  14   }
  15   .inner-sm {
  16     height: 50px;
  17     width: 50px;
  18     background: lightblue;
  19   }
  20   .inner-lg-1 {
  21     height: 95px;
  22     width: 95px;
  23     background: lightblue;
  24   }
  25   .inner-lg-2 {
  26     height: 200px;
  27     width: 200px;
  28   }
  29   .pass {
  30     background: green;
  31   }
  32   .border {
  33     border: 5px solid green;
  34   }
  35
  36   </style>
  37 </head>
  38 <body>
  39   <div class="outer">
  40     <div class="inner-sm"></div>
  41   </div>
  42   <br>
  43
  44   <div class="outer auto">
  45     <div class="inner-lg-2 pass">
  46     </div>
  47   </div>
  48   <br>
  49
  50   <div class="inner-sm border">
  51     <div class="inner-lg-1">
  52     </div>
  53   </div>
  54 </body>
  55 </html>