layout/reftests/position-sticky/top-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       #scroll {
   9         height: 100px;
  10       }
  11       #contain {
  12         height: 80px;
  13         background-color: gray;
  14       }
  15       #sticky {
  16         height: 10px;
  17         background-color: black;
  18       }
  19       #static {
  20         height: 10px;
  21         background-color: blue;
  22       }
  23     </style>
  24   </head>
  25   <body>
  26     <div id="scroll">
  27       <div style="height: 20px"></div>
  28       <div id="contain">
  29         <div id="sticky"></div>
  30         <div id="static"></div>
  31       </div>
  32     </div>
  33   </body>
  34 </html>