third_party/WebKit/LayoutTests/fast/block/abspos-child-container-changes-from-relative-to-static-expected.html

   1 <!DOCTYPE html>
   2 <head>
   3 <style>
   4   body {
   5       margin-left: 100px;
   6       width: 400px;
   7   }
   8
   9   #container {
  10       top: 200px;
  11       left: 100px;
  12       height: 100px;
  13       border: 1px solid black;
  14   }
  15
  16   #inner, #marker {
  17       position: absolute;
  18       top: 0;
  19       right: 0;
  20       width: 100px;
  21       height: 100px;
  22       background-color: green;
  23   }
  24
  25   #marker {
  26       background-color: red;
  27   }
  28 </style>
  29 </head>
  30
  31 <body>
  32     <p><a href="https://bugs.webkit.org/show_bug.cgi?id=26397">https://bugs.webkit.org/show_bug.cgi?id=26397</a></p>
  33     <p>Changing position: relative to position: static results in mis-positioned descendant.</p>
  34     <p>You should see no red on this page. There should be a green box in the top right-hand corner</p>
  35     <div id="marker"></div>
  36     <div id="container">
  37         <div id="inner"></div>
  38     </div>
  39     </body>
  40 </html>