OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE html> |
| 2 <script src="../../resources/check-layout.js"></script> |
| 3 <p>Test that incorrect margin collapsing estimates (which will trigger another l
ayout pass) |
| 4 doesn't upset column balancing.</p> |
| 5 <p>There should be a hotpink square below.</p> |
| 6 <div id="container" style="position:relative; -webkit-columns:3; -webkit-column-
gap:0; width:90px; line-height:60px;"> |
| 7 <div style="background:hotpink;" data-offset-x="0" data-offset-y="0"><br></d
iv> |
| 8 <br> |
| 9 <div style="background:hotpink;" data-offset-x="30" data-offset-y="0"><br></
div> |
| 10 <div id="outer"> |
| 11 <div></div> |
| 12 <div id="inner" style="margin-top:60px;"> |
| 13 <div style="-webkit-column-break-before:always;"></div> |
| 14 </div> |
| 15 </div> |
| 16 <br> |
| 17 <br> |
| 18 </div> |
| 19 <script> |
| 20 checkLayout("#container"); |
| 21 </script> |
OLD | NEW |