Question

css绝对定位的问题

现在想实现1、2绝对定位。3的内容多。让三的内容滚动。但是三的内容只在三的位置滚动不要窜到1上面。这个怎么实现

Answer 1

<style type="text/css">
.div1{ width:1000px; height:100px; background-color:#FCC}
.div2{ width:300px; height:400px; overflow:hidden; background-color:#C9C; float:left}
.div3{ width:700px; height:400px; overflow:scroll; background-color:#9CC; float:left}
.cls{ clear:both}
</style>
<div class="div1">这里是第一区域</div>
<div class="cls"></div>
<div class="div2">这里是第二区域</div>
<div class="div3">这里是第三区域，我的内容会自动滚动的</div>

--------------------------------------------
有问题再HI我。

Answer 2

建议： 　　改进剪贴板：Office

Answer 3

这个比较深奥，但是如果你的问题问得在明确点，或许我好回答一点！

待确认：
1、三块是固定宽度的还是满屏的？
2、三块整体上是否居中？
3、2和3的高度一致么？

Answer 4

hongli200078 正解，但楼主说要绝对定位，使用absolute即可