jQuery: фактическая ширина div

, один вложенный в другой, определенный следующим образом:

<div class="wrapper">
    <div class="content">
        [..] Content [..]
    </div>
</div>

CSS:

#div.wrapper
{            
    width: 660px;
    overflow: hidden;
    float: left;
}
#div.content
{
    white-space: nowrap;
}

Эффект - это то, что я хотите, содержимое располагается горизонтально внутри внутреннего, но скрывается, когда оно превышает, (затем я прокручиваю его с помощью jQuery).

Поскольку мне неизвестно содержимое .content (и оно непредсказуемо), мне нужно знать его реальную ширину (определяемую содержимым), но оба .width () и .innerWidth () дают мне тот же результат, который равен 660 при первом вызове (например, container div) и 660 + x, когда Я вызываю это после того, как прокрутил его, установив отрицательное поле влево (x - левый сдвиг, установленный с полем).

Как получить реальную ширину элемента, зависящую от содержимого? Спасибо