left-1-ref.html (939B)
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 width: 100px; 10 height: 100px; 11 overflow: hidden; 12 border: 1px solid black; 13 white-space: nowrap; 14 } 15 #scroll div { 16 display: inline-block; 17 } 18 .fill { 19 width: 100px; 20 height: 1px; 21 } 22 #contain { 23 width: 200px; 24 height: 10px; 25 background-color: gray; 26 } 27 #sticky { 28 width: 10px; 29 height: 10px; 30 background-color: black; 31 } 32 </style> 33 <body> 34 <div id="scroll"> 35 <div class="fill" style="width: 20px"></div 36 ><div id="contain"> 37 <div id="sticky"></div> 38 </div 39 ><div class="fill"></div> 40 </div> 41 </body> 42 </html>