bottom-4-ref.html (768B)
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 } 11 #contain { 12 height: 5px; 13 background-color: gray; 14 padding: 10px 0 0; 15 border-width: 10px 0 0; 16 border-style: solid; 17 border-color: #333; 18 } 19 #sticky { 20 height: 3px; 21 margin-top: 2px; 22 background-color: black; 23 } 24 </style> 25 </head> 26 <body> 27 <div id="scroll"> 28 <div style="height: 75px"></div> 29 <div id="contain"> 30 <div id="sticky"></div> 31 </div> 32 </div> 33 </body> 34 </html>