third_party/WebKit/LayoutTests/fast/multicol/dynamic/insert-spanner-between-out-of-flow.html

   1 <!DOCTYPE html>
   2 <style>
   3 .spanner { -webkit-column-span:all; }
   4 .none { display:none; }
   5 </style>
   6
   7 <p>Insert a spanner between two absolutely positioned elements.</p>
   8 <p>There should be three lines below, numbered from 1 to 3.</p>
   9 <div style="-webkit-column-count:2;">
  10     1
  11     <div style="-webkit-column-span:all;">2</div>
  12     <div style="position:absolute;"></div>
  13     <div id="becomesSpanner" class="none">3</div>
  14     <div style="position:absolute;"></div>
  15 </div>
  16
  17 <script>
  18 onload = function() {
  19   document.body.offsetTop;
  20   document.getElementById("becomesSpanner").className = "spanner";
  21 }
  22 </script>