OLD | NEW |
---|---|
(Empty) | |
1 <!DOCTYPE html> | |
eae
2017/01/03 04:47:47
Please add a comment explaining how this html file
| |
2 <style> | |
3 #container { | |
4 height: 200px; | |
5 width: 200px; | |
6 margin-top: 10px; | |
7 height: 50px; | |
8 background-color: red; | |
9 } | |
10 | |
11 #firstChild { | |
12 margin-top: 20px; | |
13 height: 10px; | |
14 background-color: blue; | |
15 } | |
16 </style> | |
17 | |
18 <div id="container"> | |
19 <div id="firstChild"></div> | |
20 </div> | |
21 | |
22 <p>Verifies the collapsing margins case for the next pair: | |
23 <li>top margin of a box and top margin of its first in-flow child. | |
24 | |
25 <p>Expected: | |
26 <li> Margins are collapsed resulting a single margin 20px = max(20px, 10px) | |
27 <li> The top offset of #firstChild == 20px | |
OLD | NEW |