third_party/WebKit/LayoutTests/fast/dynamic/staticY.html

   1 <!DOCTYPE HTML>
   2 <html>
   3 <head>
   4     <title>Test for http://bugs.webkit.org/show_bug.cgi?id=10983</title>
   5     <style type="text/css">
   6        div.test { position: relative; height: 100px; margin-bottom: 25px; }
   7        div.demo { position: absolute; width: 100px; height: 50px; }
   8        div.red { background-color: red; }
   9        div.green { background-color: green; }
  10     </style>
  11 </head>
  12 <body>
  13     <div class="test" style="top: -51px;">
  14         <div class="demo red" style="top: 51px;"></div>
  15         <div class="demo green" style="top: 101px;"></div>
  16         <div style="margin-bottom: 50px; height: 1px;"></div>
  17         <div class="demo green" id="target2"></div>
  18     </div>
  19
  20     <div class="test">
  21         <div style="height: 100px;">
  22             <div class="demo green" style="top: 0;"></div>
  23             <div class="demo red" style="top: 50px;"></div>
  24             <div id="target3" style="height: 0;"></div>
  25             <div class="demo green"></div>
  26         </div>
  27     </div>
  28
  29     <div class="test">
  30         <div style="position: relative; height: 50px;">
  31             <div class="demo green" style="top: 0;"></div>
  32             <div class="demo red" style="top: 50px;"></div>
  33             <div id="target4" style="height: 0;"></div>
  34             <div class="demo green"></div>
  35         </div>
  36     </div>
  37
  38     <div class="test">
  39         <div style="position: relative; height: 100px;">
  40             <div class="demo green" style="top: 0;"></div>
  41             <div class="demo red" style="top: 50px;"></div>
  42             <div id="target5" style="height: 0;"></div>
  43             <div class="demo green"></div>
  44         </div>
  45     </div>
  46
  47     <script>
  48         var t2 = document.getElementById("target2");
  49         var t3 = document.getElementById("target3");
  50         var t4 = document.getElementById("target4");
  51         var t5 = document.getElementById("target5");
  52
  53         document.body.offsetTop;
  54
  55         t3.style.height = "50px";
  56         t4.style.height = "50px";
  57         t5.style.height = "50px";
  58     </script>
  59 </body>
  60 </html>