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