怎么让多个DIV重合?

Question

怎么让多个DIV重合

Answer 1

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

12345678910

<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>

1234567

<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加个底色或不一样的边框，更会排除混淆