table-footer-group-2.html (764B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <style> 5 #rel { 6 position: relative; 7 margin: 0; 8 padding: 0; 9 } 10 .abs { 11 position: absolute; 12 margin: 0; 13 padding: 0; 14 top: 25px; 15 left: 25px; 16 width: 50px; 17 height: 50px; 18 background-color: green; 19 } 20 #bad { 21 background-color: blue; 22 } 23 </style> 24 </head> 25 <body> 26 The green square should not completely cover the blue square. 27 <div class="abs" id="bad"></div> 28 <div style="position: relative"> 29 <table> 30 <tfoot id="rel"> 31 <tr> 32 <td> 33 <div class="abs"></div> 34 </td> 35 </tr> 36 </tfoot> 37 </table> 38 </div> 39 </body> 40 </html>