<!DOCTYPE html> | |
<p>There should be a blue <em>square</em> below.</p> | |
<div style="-webkit-columns:2; width:100px; background:blue;"> | |
<div id="container" style="position:relative;"> | |
<div style="-webkit-column-span:all; margin-bottom:100px;"></div> | |
<div style="position:absolute;"></div> | |
<div style="-webkit-column-span:all; margin-top:100px;"></div> | |
</div> | |
</div> | |
<script> | |
document.body.offsetTop; | |
document.getElementById('container').style.position = 'static'; | |
</script> |