table-cell-1.html (659B)
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 <table> 29 <tr> 30 <td id="rel"> 31 <div class="abs"></div> 32 </td> 33 </tr> 34 </table> 35 </body> 36 </html>