Size of HTML elements are different when inspecting with browser tools vs. getting size with Javascript

Question

I’m using several different methods in my Javascript file to get the height of a fixed header on my site and in turn set that height as the padding for the main content (so that