third_party/WebKit/LayoutTests/css2.1/20110323/abspos-containing-block-initial-001.htm

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
   2 <html><head>
   3 <title>CSS Test: Test for containing block for absolutely positioned elements being initial containing block</title>
   4 <link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org">
   5 <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/">
   6 <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#containing-block-details">
   7 <link rel="match" href="abspos-containing-block-initial-001-ref.htm">
   8 <meta name="assert" content="If there is no such ancestor, the containing block is the initial containing block.">
   9 <meta name="flags" content="dom">
  10 <style type="text/css">
  11 html { margin:10px; border:20px solid black; padding:30px; }
  12 body { height:10000px; margin:0; }
  13 div { position:absolute; width:100px; height:100px; }
  14 </style>
  15 </head>
  16 <body>
  17 <script type="text/javascript">
  18 window.scrollTo(0,50);
  19 </script>
  20 <div style="top:0; background:yellow;"></div>
  21 <div style="right:0; background:orange;"></div>
  22 <div style="bottom:0; background:brown;"></div>
  23 <div style="left:0; background:pink;"></div>
  24
  25
  26 </body></html>