third_party/WebKit/LayoutTests/fast/multicol/scrolling-overflow.html

   1 <!DOCTYPE html>
   2 <script>
   3     onload = function() { document.scrollingElement.scrollLeft = 150 - 10; }
   4 </script>
   5 <style>
   6     body { margin:10px; }
   7 </style>
   8
   9 <p style="position:fixed; top:0;">Below there should be a green square with a black border, and no red.</p>
  10 <div style="margin-top:5em; -webkit-columns:3; -webkit-column-gap:50px; column-fill:auto; height:200px; line-height:100px;">
  11     <div style="width:130px; height:100px; background:red;"></div>
  12     <br>
  13     <br>
  14     <br>
  15     <br>
  16     <br>
  17     <div style="float:left; width:100px; height:100px; box-sizing:border-box; border:3px solid black; background:green;"></div>
  18     <div style="float:left; width:10px; height:100px; background:red;"></div>
  19     <br>
  20     <br>
  21     <br>
  22     <br>
  23     <br>
  24 </div>