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

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