src/third_party/WebKit/LayoutTests/fast/regions/positioned-objects-in-regions-expected.html

   1 <!doctype html>
   2
   3  <style>
   4     #first-box {
   5         height:100%;
   6         width:50%;
   7         background-color:green;
   8     }
   9
  10     #region1, #region2, #region3 {
  11         border: 1px solid black;
  12     }
  13
  14     #region1 {
  15         width: 200px;
  16         height: 150px;
  17     }
  18
  19     #region2 {
  20         width: 300px;
  21         height: 180px;
  22     }
  23
  24     #region3 {
  25         width: 120px;
  26         height: 120px;
  27     }
  28 </style>
  29
  30 <body>
  31 <p>The green positioned object should only be as tall as the first region it
  32 is contained in. It should fill the left half of the first region.</p>
  33
  34
  35
  36     <div id="region1">
  37         <div id="first-box">
  38         </div>
  39     </div>
  40     <div id="region2">
  41     </div>
  42     <div id="region3">
  43     </div>
  44