我正在尝试构建一个可以通过各种方式定位和调整大小的小部件。这是一个非常简单的布局 – 固定高度标题，固定高度页脚和占用剩余空间的正文。整体宽度和高度各不相同。身体的内容需要滚动。我有整个容器，标题，页脚和身体尺寸确定。

但是我想要的是，当滚动条出现时，需要不要缩小内容，因此身体滚动。也就是说，我想要的身体是一样宽，因为它可以减少滚动条，将在那里iF它需要滚动，所以当它需要滚动时没有收缩。实际上，我想要这样：

| - - - unknown width - - -|
+--------------------------+
| content                |*|
| might                  |*|
| scroll                 |*|
+--------------------------+

我想要的内容可能会滚动到一样宽，因为它可以减少潜在的滚动条宽度(| * |区域)。

现在我现在是这样的：

<div id="content" style="position: absolute; overflow-y: auto; width: 100%">
    <div id="scrollContent" style="???">
    </div>
</div>

我已经尝试了利润率，填充，甚至是最大的div的％-width，所有的“做移位”的事情。我还需要这个工作在FF3，IE7 / 8和(幻想？)IE6。