layout/reftests/position-sticky/containing-block-1-ref.html

   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>