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; | |
Julien - ping for review
2015/01/06 14:35:09
This doesn't seem needed for the test no?
| |
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; | |
Julien - ping for review
2015/01/06 14:35:09
height is auto by default.
| |
20 margin: 20px 0; | |
21 } | |
22 .contents { | |
23 background-color: green; | |
24 height: 100%; | |
25 width: 10px; | |
26 } | |
27 </style> | |
28 | |
29 <div id="top"> | |
30 <div id="container"> | |
31 <div id="test"> | |
32 <div class="contents"></div> | |
33 </div> | |
34 </div> | |
35 </div> | |
36 Tests positioned movement layout when its height has changed and a descendant de pends on its height. | |
OLD | NEW |