| <!DOCTYPE html> |
| <script src="../../resources/check-layout.js"></script> |
| <style> |
| .multicol { -webkit-columns:2; -webkit-column-gap:0; position:relative; width:200px; background:blue; } |
| .multicol * { -webkit-column-break-inside:avoid; height:100px; background:white; } |
| </style> |
| <p>There should be a blue square below.</p> |
| <div class="multicol" data-expected-height="200"> |
| <div data-offset-x="0" data-offset-y="0"></div> |
| <div data-offset-x="0" data-offset-y="100"></div> |
| <div data-offset-x="100" data-offset-y="0"></div> |
| </div> |
| <script> |
| checkLayout(".multicol"); |
| </script> |