jQuery：实际的div宽度

我有两个<div>，一个嵌套到另一个中，定义如下：

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

The css:

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

效果是我想要的，内容水平放置在内部，但当超出时隐藏，（然后我用 jQuery 滚动它）。

由于我不知道内容.content（也不是可预测的），我需要知道real它的宽度（由内容定义），但两者.width() and .innerWidth()给我第一次调用时的相同结果 660 （就像容器div) 和 660 + x 当我通过设置负的 margin-left 滚动它后调用它时（x 是用边距设置的左移）。

如何获取元素的真实的、内容相关的宽度？谢谢

默认情况下，div 在其父级中采用全宽度，因此宽度将始终是父级的宽度。

如果你不想这样，你可以使用

#div.content
{
    white-space: nowrap;
    display: inline-block;
}

或者可能

#div.content
{
    white-space: nowrap;
    float: left;
}

以便转动#div.content元素分别放入内联或浮动元素中，该元素仅占用所需的空间（即不一定是父级提供的所有空间）。所以这应该可行！