third_party/WebKit/LayoutTests/fast/block/positioning/child-of-absolute-with-auto-height.html

   1 <html>
   2     <head>
   3         <style type='text/css'>
   4             .container {
   5                 position: absolute;
   6                 top: 30px;
   7                 bottom: 30px;
   8                 width: 300px;
   9                 background: yellow;
  10                 border: 2px dashed black;
  11             }
  12             .test {
  13                 height: 50%;
  14                 background: blue;
  15                 border: 2px dashed black;
  16             }
  17         </style>
  18     </head>
  19     <body>
  20         <p>The inner blue box should be 50% as tall as the outer yellow box.</p>
  21         <div class="container">
  22             <div class="test"></div>
  23         </div>
  24     </body>
  25 </html>