<!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>