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