containing-block-1-ref.html (693B)
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 body { 9 height: 200px; 10 margin: 0; 11 } 12 #sticky { 13 position: relative; 14 top: 100px; 15 height: 10px; 16 background-color: black; 17 } 18 #absolute { 19 position: absolute; 20 top: 5px; 21 left: 5px; 22 width: 10px; 23 height: 10px; 24 background-color: blue; 25 } 26 </style> 27 <body> 28 <div id="sticky"> 29 <div id="absolute"></div> 30 </div> 31 </body> 32 </html>