<!DOCTYPE HTML> <html> <head> <style> body { margin:0; padding:0; overflow:hidden; } #new { position: absolute; left: 100px; top: 100px; width: 100px; height: 100px; background: yellow; } </style> </head> <body> <div id="new" style="display:none"></div> <script> document.body.getBoundingClientRect().height; document.body.style.transform = "translateX(100px)"; document.body.getBoundingClientRect().width; document.getElementById("new").style.display = ""; </script> </body> </html>