block-overflow-4-ref2.html (557B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <style type="text/css"> 5 .separator { 6 height: 20px; 7 background-color: blue; 8 } 9 .spacer { 10 height: 20px; 11 } 12 #overflow { 13 overflow-y: auto; 14 height: 200px; 15 background-color: lightgreen; 16 } 17 .margin { 18 height: 40px; 19 } 20 #child { 21 height: 160px; 22 background-color: green; 23 } 24 </style> 25 </head> 26 <body> 27 <div class="separator"></div> 28 <div class="spacer"></div> 29 <div id="overflow"> 30 <div class="margin"></div> 31 <div id="child"></div> 32 <div class="margin"></div> 33 </div> 34 <div class="spacer"></div> 35 <div class="separator"></div> 36 </body> 37 </html>