Chromium Code Reviews| 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 |