third_party/WebKit/LayoutTests/fast/multicol/newmulticol/clipping-overflow-hidden.html

   1 <!DOCTYPE html>
   2 <html>
   3   <head>
   4     <title>Multicol edge clipping</title>
   5     <style>
   6       .mc {
   7         columns: 3;
   8         column-gap: 15px;
   9         column-fill: auto;
  10         -webkit-columns: 3;
  11         -webkit-column-gap: 15px;
  12         width: 600px;
  13         height: 100px;
  14         margin: 100px;
  15         overflow:hidden;
  16       }
  17     </style>
  18   </head>
  19   <body>
  20     <p>There should be a 100x100 blue square below.</p>
  21     <div class="mc">
  22       <div style="width:150px; height:200px; margin-left:-50px; margin-top:-100px; background:blue;"></div>
  23     </div>
  24   </body>
  25 </html>