Question

怎样做左右两个div，div可以自由地上下滑动.互不影响

Answer 1

简单地说，做个镶套。举个例子：

<div id="outside1">
    <div id="inside1"></div>
</div>
<div id="outside2">
    <div id="inside2"></div>
</div>

然后以CSS固定好ouside1和ouside2，如：

#outside1,#outside2{
margin:0px;
height:0px;
width:0px;
}

之后再分别设置inside1和inside2：

#inside1{
position:absolute;
left:0px;
top:0px;
height:100px;
width:50%;
background-color:yellow;
}
#inside2{
position:absolute;
top:0px;
left:50%;
width:50%;
height:100px;
background-color:red;
}

之后可以用js控制inside1和2的top属性，因为这时候inside1和2的位置是相对于outside1和2而言的，而outside1和outside2可以说是绝对静止的，只要outside1和2不动，inside1和2的位置就等同于绝对位置。