Question

怎么让多个DIV重合

上面的图一样 在外层DIV中有四个DIV ，有重合的部分。
怎么让它们有重合的部分。

最好能通过像素位置 ，相对外层DIV的像素来定位。

position:relative不能重叠，position:absolute时，如果外层div有滚动条的话，里面的div不会跟着滚动。如何解决？

Answer 1

在内层设为 absolute 的时候，外层必须设为 relative，否则外层默认为 static。这样外层有滚动条的时候，内层 div 才会随着外层滚动。

<style type="text/css">
div {border: 1px solid #000;}
#outer {width: 500px; height: 500px; overflow: auto; position: relative;}
#outer div {position: absolute;}
#inner1 {width: 300px; height: 100px; top: 250px; left: 20px;}
#inner2 {width: 200px; height: 150px; top: 150px; left: 150px;}
#inner3 {width: 250px; height: 150px; top: 230px; left: 200px;}
#inner4 {width: 250px; height: 100px; top: 320px; left: 170px;}
#makeScroll {width: 10px; height: 10px; top: 1000px; left: 1000px;}
</style>

<div id="outer">
    <div id="inner1"></div>
    <div id="inner2"></div>
    <div id="inner3"></div>
    <div id="inner4"></div>
    <div id="makeScroll"></div>
</div>

Answer 2

默认时就是relative，你一定要设置成重叠的话用margin的负数可以实现你要的效果，最好先每个DIV加个底色或不一样的边框，更会排除混淆

Answer 3

先设置定位，然后用margin属性。好好领悟吧。

Answer 4

纠结，没听懂你要干什么