third_party/WebKit/LayoutTests/fast/repaint/table-cell-vertical-overflow.html

   1 <head>
   2     <title></title>
   3     <style>
   4         td { border: 4px dotted black; }
   5     </style>
   6 </head>
   7 <body>
   8     <table style="margin-top: 50px;">
   9         <tr>
  10             <td>
  11                 <div style="height: 50px; width: 100px; background: lightgreen;">
  12                 </div>
  13             </td>
  14             <td>
  15                 <div style="height: 10px; width: 100px; background: lightgreen;">
  16                     <div style="height: 100px; width: 50px; background: skyblue;">
  17                     </div>
  18                 </div>
  19             </td>
  20             <td>
  21                 <div style="height: 10px; width: 100px; background: lightgreen;">
  22                     <div style="margin-top: -75px; height: 100px; width: 50px; background: skyblue;">
  23                     </div>
  24                 </div>
  25             </td>
  26         </tr>
  27     </table>
  28     <table style="margin-top: 150px; border-collapse: collapse;">
  29         <tr>
  30             <td>
  31                 <div style="height: 50px; width: 100px; background: lightgreen;">
  32                 </div>
  33             </td>
  34             <td>
  35                 <div style="height: 10px; width: 100px; background: lightgreen;">
  36                     <div style="height: 100px; width: 50px; background: skyblue;">
  37                     </div>
  38                 </div>
  39             </td>
  40             <td>
  41                 <div style="height: 10px; width: 100px; background: lightgreen;">
  42                     <div style="margin-top: -75px; height: 100px; width: 50px; background: skyblue;">
  43                     </div>
  44                 </div>
  45             </td>
  46         </tr>
  47     </table>
  48 </body>