third_party/WebKit/LayoutTests/fast/block/positioning/offsetLeft-offsetTop-borders.html

   1 <html>
   2 <body style='margin:8px'>
   3 <div>
   4 <div style="position: absolute; width: 150px; height: 150px; border: 5px solid green;">
   5 <div style="position: relative; width: 50px; height: 50px; border:13px solid blue; padding:12px;margin:10px">
   6 <div id='x' style="border:2px solid red">
   7 jee
   8 </div>
   9 </div>
  10 </div>
  11 <script>
  12 if (window.testRunner)
  13   testRunner.dumpAsText();
  14
  15 var el = document.getElementById('x');
  16 while (el) {
  17 document.write('<br>-------------------------------------------------offsetLeft:'+el.offsetLeft);
  18 el = el.offsetParent;
  19 }
  20 el = document.getElementById('x');
  21 while (el) {
  22 document.write('<br>-------------------------------------------------offsetTop:'+el.offsetTop);
  23 el = el.offsetParent;
  24 }
  25 </script>
  26 </body>
  27 </html>