<!DOCTYPE html>
<html>
    <head>
        <script>
            window.onload = function() {
              document.body.offsetWidth;
              document.getElementById("foo").style.top = "200px";
            };
        </script>
    </head>
    <body><div style="display: table-row" id="foo"><div style="position: relative; top: inherit">This text should be 200px from the top of the body</div></body>
</html>