top-bottom-1-ref.html (627B)
1 <!DOCTYPE html> 2 <!-- Any copyright is dedicated to the Public Domain. 3 - http://creativecommons.org/publicdomain/zero/1.0/ --> 4 <html> 5 <head> 6 <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com"> 7 <style> 8 #scroll { 9 height: 100px; 10 overflow: hidden; 11 } 12 #sticky { 13 position: relative; 14 bottom: 20px; 15 height: 10px; 16 background-color: black; 17 } 18 </style> 19 </head> 20 <body> 21 <div id="scroll"> 22 <div style="height: 100px"></div> 23 <div id="sticky"></div> 24 <div style="height: 100px"></div> 25 </div> 26 </body> 27 </html>