滚动和位置问题

时间:2011-03-17 18:18:55

标签: jquery css html

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

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

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

问题是我试图将溢出自动放在两个div中,并且两个卷轴出现在navegator的右侧,我需要第一个div的滚动可能出现在第二个div的左侧(那个定位固定并位于第一个div之上的人。)

这是我的代码:

体 div id =“user_id” (包含页面内容的代码) /格

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

然后是css:

id pane {background:none repeat scroll 0 0#282829;底部:0;位置:固定;右:0;顶部:0;宽度:450px; font-family:HelveticaNeue; font-size:14px; overflow:auto;}

id user_id {width:910px;向左飘浮; margin-top:80px; margin-left:10px;位置:固定;溢出:自动; }

像这样,我得到了两个scrols,但是其中两个位于浏览器的右侧。我需要id_user可以在窗格的侧面滚动并随之浮动

谁知道我怎么能这样做?谢谢!

1 个答案:

答案 0 :(得分:0)

修复其他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;
    }