layout/reftests/position-sticky/left-right-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         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         position: relative;
  29         right: 20px;
  30         width: 10px;
  31         height: 10px;
  32         background-color: black;
  33       }
  34     </style>
  35   <body>
  36     <div id="scroll">
  37       <div class="fill"></div
  38       ><div id="sticky"></div
  39       ><div class="fill"></div>
  40     </div>
  41   </body>
  42 </html>