margin-1-ref.html (664B)
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: 20px; 13 background-color: gray; 14 } 15 #sticky { 16 position: relative; 17 top: 5px; 18 height: 10px; 19 margin-bottom: 5px; 20 background-color: black; 21 } 22 </style> 23 </head> 24 <body> 25 <div id="scroll"> 26 <div id="contain"> 27 <div id="sticky"></div> 28 </div> 29 </div> 30 </body> 31 </html>