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

   1 <!DOCTYPE html>
   2 <html>
   3   <head>
   4     <title>Column and multicol content top overflow 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       }
  16     </style>
  17   </head>
  18   <body>
  19     <p>There should be a 100x100 blue square below.</p>
  20     <div class="mc">
  21       <div style="width:100px; height:100px; margin-left:-50px; margin-top:-80px; background:blue;"></div>
  22     </div>
  23   </body>
  24 </html>