title: Understanding offsetWidth, clientWidth, scrollWidth and -Height, respectively
body: <p>There are several questions on StackOverflow regarding <code>offsetWidth</code> / <code>clientWidth</code> / <code>scrollWidth</code> (and <code>-Height</code>, respectively), but none give comprehensive explanation of what those values are.</p>
  <p>Also, there are several sources on the web giving confusing or incorrect information.</p>
  <p>Can you give a complete explanation including some visual hints?
  Also, how can those values be used to calculate scroll bar widths?</p>