| <!DOCTYPE html> |
| |
| <p>Remove the only column content that sits between two spanners (the absolutely positioned boxes |
| having their containing block outside the multicol container). Check that the adjoining margins |
| on the two spanners collapse.</p> |
| <p>There should be a blue <em>square</em> below.</p> |
| <div style="-webkit-column-count:2; width:100px; background:blue;"> |
| <div style="-webkit-column-span:all; margin-bottom:100px;"></div> |
| <div style="position:absolute;"></div> |
| <div id="toRemove">FAIL</div> |
| <div style="position:absolute;"></div> |
| <div style="-webkit-column-span:all; margin-top:100px;"></div> |
| </div> |
| |
| <script> |
| onload = function() { |
| document.body.offsetTop; |
| document.getElementById("toRemove").style.display = "none"; |
| } |
| </script> |