table-internal-2-ref.html (657B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <style> 5 #rel { 6 position: relative; 7 margin: 2px; 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 <div id="rel"> 30 <div class="abs"></div> 31 </div> 32 </div> 33 </body> 34 </html>