block-zero-height-3b.html (458B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <style type="text/css"> 5 #abs { 6 position: absolute; 7 left: 20px; top: 20px; 8 width: 100px; 9 background-color: red; 10 } 11 #parent { 12 margin-bottom: 100px; 13 } 14 #zero-height { 15 margin-bottom: 70px; 16 height: 0; 17 } 18 #child-of-zero-height { 19 height: 100px; background: green; 20 } 21 </style> 22 </head> 23 <body> 24 <div id="abs"> 25 <div id="parent"> 26 <div id="zero-height"> 27 <div id="child-of-zero-height"></div> 28 </div> 29 </div> 30 </div> 31 </body> 32 </html>