我在尝试构建一个可按多种方式定位和调整大小的小部件。它有一个相当简单的布局-固定高度的页眉、固定高度的页脚和填充其余空间的主体。总宽度和高度会有所变化,主体内容需要滚动。目前我已经设置好了整个容器、页头、页脚和主体的尺寸。
但是我希望主体在需要滚动时可以滚动而不会使内容向左缩小以适应滚动条。也就是说,我希望主体的宽度尽可能地大,减去需要滚动时出现的滚动条的宽度,这样当它需要滚动时,就不会出现收缩。实际上,我想要的效果是这样的:
| - - - unknown width - - -|
+--------------------------+
| content |*|
| might |*|
| scroll |*|
+--------------------------+
我希望可能滚动的内容宽度最大,但需要减去潜在滚动条的宽度(|*| 区域)。
目前的情况类似于这样:
<div id="content" style="position: absolute; overflow-y: auto; width: 100%">
<div id="scrollContent" style="???">
</div>
</div>
我已尝试使用边距、内边距,甚至是内部 div 的百分比宽度,并尝试了各种方法来“移动”。 我还需要这在 FF3、IE7/8 和(幻想?)IE6 中正常工作。