OLD | NEW |
---|---|
(Empty) | |
1 <!DOCTYPE HTML> | |
2 <style> | |
3 body { | |
4 margin: 0; | |
5 } | |
6 #container { | |
7 position: absolute; | |
8 height: 154px; | |
9 width: 20px; | |
10 overflow: hidden; | |
11 background-color: blue; | |
12 } | |
13 #test { | |
14 position: absolute; | |
15 top: 0px; | |
16 bottom: 0px; | |
17 left: 0px; | |
18 right: 0px; | |
19 height: auto; | |
20 } | |
21 .contents { | |
22 position: absolute; | |
23 background-color: green; | |
24 top: 0px; | |
25 bottom: 0px; | |
26 left: 0px; | |
27 right: 0px; | |
28 height: auto; | |
29 } | |
30 </style> | |
31 <script> | |
32 | |
33 function runTest() | |
34 { | |
35 var test = document.getElementById('test'); | |
36 document.body.offsetTop; | |
37 test.style['top'] = '20px'; | |
38 test.style['bottom'] = '20px'; | |
39 } | |
40 window.onload = runTest; | |
41 </script> | |
42 <div id="top"> | |
Julien - ping for review
2015/01/06 14:35:09
#top is unused in both test cases.
| |
43 <div id="container"> | |
44 <div id="test"> | |
45 <div class="contents"></div> | |
46 </div> | |
47 </div> | |
48 </div> | |
49 Tests positioned movement layout when its height has changed and a descendant de pends on its height. | |
Julien - ping for review
2015/01/06 14:35:09
You forgot to put the visual condition for passing
| |
OLD | NEW |