问如何获取网页中元素的溢出宽度

EN

我有两个这样的div

<div id="parent" style="width:100px:overflow:hidden;">
    <div id="child"> 
      tooooooooooooooooooooo much content to fit in parent
    </div>
</div>

我正在使用jQuery动态更新孩子的内容并滚动它。我希望能够找到孩子有多宽，这样我就知道什么时候停止滚动。问题是，一旦溢出的内容出现，孩子的实际宽度甚至比屏幕还要宽(与当前测试内容相比，似乎约为2500像素)。元素的边框(如果设置)不会延伸到内容的实际宽度，则文本会溢出到可见边框之外。

使用jQuerys $('#child').width，clientWidth、scrollWidth (感谢波本斯)和offsetWidth属性都达到了1024px (这是我的显示器的宽度)的最大值。有没有人知道任何方法来找出元素的内容有多宽，包括溢出？如果它有帮助，我正在构建的应用程序将在kiosk类型的环境中运行，所以只有Firefox (甚至是夜间版本)解决方案就可以了。

更新：scrollWidth上关于家长的作品，我应该仔细读一读，再次感谢博本斯。