title: Why document.body.scrollHeight can be greater than document.body.offsetHeight
body: <p>I need help with this two elements properties.  </p>
  
  <p>According MDN <a href="https://developer.mozilla.org/en/DOM/element.scrollHeight" rel="nofollow">element.scrollHeight</a> "this a height of the scroll view of an element; it includes the element padding but not its margin", and <a href="https://developer.mozilla.org/en/DOM/element.offsetHeight" rel="nofollow">element.offsetHeight</a> "Typically, an element's offsetHeight is a measurement which includes the element borders, the element vertical padding, the element horizontal scrollbar (if present, if rendered) and the element   CSS height."  </p>
  
  <p>I am trying to debug some javascript code and don't understand why document.body.scrollHeight can be greater than document.body.offsetHeight?<br>
  For example, my document.body.offsetHeight=909, but document.body.scrollHeight=1059 (body don't have any margins or paddings or borders), so we lost 150px somewhere. I inspected body and it height=909, and this is very confuse me. This reproduced in chrome and firefox.</p>
  
  <p>Can you please help me in this question?</p>