layout/reftests/abs-pos/table-row-7.html

   1 <!DOCTYPE html>
   2 <html>
   3   <head>
   4     <style>
   5       table {
   6         margin: 0;
   7         padding: 0;
   8         width: 25px;
   9         height: 50px;
  10         border-collapse: collapse;
  11       }
  12       td {
  13         margin: 0;
  14         padding: 0;
  15       }
  16       #rel {
  17         position: relative;
  18         margin: 0;
  19         padding: 0;
  20       }
  21       #abs {
  22         position: absolute;
  23         margin: 0;
  24         padding: 0;
  25         bottom: 25px;
  26         right: 25px;
  27         width: 50px;
  28         height: 50px;
  29         background-color: green;
  30       }
  31       #bottomright {
  32         position: absolute;
  33         margin: 0;
  34         padding: 0;
  35         bottom: 0;
  36         right: 0;
  37         width: 50px;
  38         height: 50px;
  39         overflow: visible;
  40         background-color: blue;
  41       }
  42     </style>
  43   </head>
  44   <body>
  45     The green square should not overlap the blue square.
  46     <div id="bottomright">
  47       <table>
  48         <colgroup>
  49           <col style="width: 20%">
  50           <col>
  51         </colgroup>
  52         <tr>
  53           <td></td>
  54           <td></td>
  55         </tr>
  56         <tr id="rel">
  57           <td>
  58             <div id="abs"></div>
  59           </td>
  60           <td></td>
  61         </tr>
  62       </table>
  63     </div>
  64   </body>
  65 </html>