block-percent-2-ref.html (409B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <style type="text/css"> 5 #parent1 { 6 width: 200px; 7 } 8 #block1 { 9 height: 50px; 10 background-color: green; 11 } 12 #parent2 { 13 width: 500px; 14 } 15 #block2 { 16 height: 50px; 17 background-color: green; 18 } 19 #spacer { 20 height: 50px; 21 } 22 </style> 23 </head> 24 <body> 25 <div id="parent1"> 26 <div id="block1"></div> 27 </div> 28 <div id="spacer"></div> 29 <div id="parent2"> 30 <div id="block2"></div> 31 </div> 32 </body> 33 </html>