滚动和位置问题

Question

我正在尝试创建一个页面，该页面分为两个包含信息的大 div。

其中一个 div 是实际页面 (width:910px)，另一个是在 html 中定位为 FIXED 且为 (width:400px) 的窗格。

所以第二个 div 超过了第一个。

问题是我试图将溢出自动放在两个 div 中，两个滚动出现在导航器的右侧，我需要第一个 div 的滚动可以出现在第二个 div 的左侧（定位固定并在第一个 div 上方的那个）。

这是我的代码：

身体 div id="user_id" （充满页面内容的代码） /div

div id="pane"(div 窗格的内容) /div

然后是css：

id 窗格 { 背景：无重复滚动 0 0 #282829;底部：0；位置：固定；右：0；顶部：0；宽度：450px；字体系列：HelveticaNeue；字体大小：14px；溢出：自动；}

id user_id {宽度：910px;向左飘浮;边距顶部：80px；左边距：10px；位置：固定；溢出：自动； }

像这样我得到了两个卷轴，但它们两个位于浏览器的右侧。我需要 id_user 可以在窗格的一侧滚动并随之浮动

谁知道我该怎么做？？？谢谢！

Answer 1

把另一个div的宽度也固定起来不是更好吗？例如：

<div id="container">
    <div id="div1"></div>
    <div id="div2"></div>
</div>

然后在你的 CSS 中：

div#container {
    width: 960px;
    margin: 0 auto;
}
    div#container div#div1 {
        width: 560px;
        float: left;
        overflow: auto;
    }
    div#container div#div2 {
        width: 400px;
        float: left;
        overflow: auto;
    }