third_party/WebKit/LayoutTests/fast/block/positioning/positioned-movement-layout-when-bottom-changes-to-and-from-auto.html

   1 <!DOCTYPE HTML>
   2 <style>
   3 body {
   4     margin: 0;
   5 }
   6 #test {
   7     position: absolute;
   8     background-color: green;
   9     top: 0;
  10     left: 0;
  11     right: 0;
  12 }
  13 </style>
  14 <script src="../../../resources/check-layout.js"></script>
  15 <script>
  16 function runTest()
  17 {
  18     var test = document.getElementById('test');
  19     document.body.offsetTop;
  20     test.style['bottom'] = '50%';
  21     document.body.offsetTop;
  22     test.style['bottom'] = 'auto';
  23     window.checkLayout("#test");
  24 }
  25 window.onload = runTest;
  26 </script>
  27 Tests positioned movement layout when its height is changed by top/bottom changing from auto to fixed and back again.
  28 <div id="test" data-expected-height=0></div>