Merge Chromium + Blink git repositories
[chromium-blink-merge.git] / third_party / WebKit / LayoutTests / fast / dynamic / staticY.html
blob9ee42462b15940450253628a9df18b5e8d960d8b
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>
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>
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>
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>
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");
53 document.body.offsetTop;
55 t3.style.height = "50px";
56 t4.style.height = "50px";
57 t5.style.height = "50px";
58 </script>
59 </body>
60 </html>