third_party/WebKit/LayoutTests/fast/block/positioning/062.html

   1 <?xml version="1.0"?>
   2 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   3     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
   4 <html xmlns="http://www.w3.org/1999/xhtml">
   5     <head>
   6         <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" />
   7         <title>Percentage Height Test of Absolute Inside Relative</title>
   8         <style type="text/css">
   9
  10 body {
  11     overflow: hidden;
  12     margin: 0;
  13     padding: 0;
  14     background-color:red;
  15 }
  16
  17 .content {
  18     background-color:red;
  19     position: absolute;
  20     left: 0;
  21     top: 0;
  22     width: 100%;
  23     height: 100%;
  24 }
  25
  26 .alpha {
  27     position: absolute;
  28     background-color:green;
  29     left: 0;
  30     top: 0;
  31     width: 100%;
  32     height: 100%;
  33 }
  34
  35 .inner {
  36     position: relative;
  37     z-index: 1;
  38     width: 100%;
  39     height: 100%;
  40 }
  41
  42         </style>
  43     </head>
  44     <body>
  45         <div class="content">
  46             <div class="inner">
  47                 <div class="alpha">
  48
  49                 </div>
  50
  51             </div>
  52         </div>
  53
  54     </body>
  55 </html>