mpadded-negative-attributes-001-ref.html (960B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>Test mpadded</title> 5 <style type="text/css"> 6 div#square1 { 7 position:absolute; 8 width: 20px; 9 height: 20px; 10 left: -25px; 11 top: 25px; 12 background: red; 13 } 14 div#square2 { 15 position: absolute; 16 width: 100px; 17 height: 100px; 18 left: 40px; 19 top:30px; 20 background: blue; 21 } 22 23 div#square3 { 24 position:absolute; 25 width: 200px; 26 height: 200px; 27 background: green; 28 } 29 /* left = lspace = -25; 30 top = HeightBig - HeightSmall - voffsetSmall 31 = 50 - 10 - 15 = 25px */ 32 /* left = lsapce = 40px; 33 top = HeightVeryBig - HeightBig - voffsetBig 34 = 100 - 50 - 20 = 30px */ 35 </style> 36 </head> 37 <body> 38 <div id="square3"> 39 <div id="square2"> 40 <div id="square1"> 41 </div> 42 </div> 43 </div> 44 </body> 45 <html>