只有在一个div内滚动,而网站保持定位

458*_*808 8 html css xhtml

我正在尝试使用以下内容创建一个网站.

最上面只有一个基本的水平菜单.在左下方,是另一个子类别.内容将位于子类别的右侧,可能会很长.

现在我想要的是,当你在页面上的任何地方滚动时,它只会滚动内容div,而其他所有内容都保持在其原始位置.我一直在考虑它几个小时但我无法真正想出如何做到这一点的解决方案.

<html>
<head>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="container">
    <div class="left_side"></div>
    <div class="right_side"></div>
</div>
</body>
</html>

.container {
width:1000px;
}

.left_side {
float:left;
width:250px;
height:500px;
background:green;   
}

.right_side {
float:right;
width:750px;
height:1500px;
background:yellow;
}
Run Code Online (Sandbox Code Playgroud)

有关如何做到这一点的任何想法?提前致谢.

458*_*808 5

答案是@jao的评论.将所有div(内容为1除外)设置为position: fixed.


Moo*_*ice 4

将样式添加overflow:auto到其类中。

完整说明: http: //www.w3schools.com/cssref/pr_pos_overflow.asp