layout/reftests/position-sticky/overconstrained-2-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: 99px;
  20         height: 1px;
  21       }
  22       #contain {
  23         width: 200px;
  24         height: 10px;
  25         background-color: gray;
  26       }
  27       #sticky {
  28         width: 81px;
  29         height: 10px;
  30         background-color: black;
  31       }
  32     </style>
  33   <body>
  34     <div id="scroll">
  35       <div class="fill"></div
  36       ><div id="sticky"></div
  37       ><div class="fill"></div>
  38     </div>
  39   </body>
  40 </html>