Javascript → Как получить реальный размер элемента при overflow:scroll

Чтобы узнать реальные размеры элемента, у которого свойство overflow установлено в scroll или auto, и содержание которого больше размеров самого элемента, нужно воспользоваться свойством scrollWidth:

<div id="div" style="width:200px; overflow-x:auto; white-space:nowrap;">
  Длинный предлинный контент, который не влазит в 200px
</div>

<input type="button" onclick="alert(document.getElementById('div').scrollWidth);" value="Show scrollWidth">

Демо.

Подробнее про различные способы определения размера элемента можно прочитать в статье на javascript.ru — Измерения окна, документа и элементов.