怎么让多个DIV重合?

Question

怎么让多个DIV重合

Answer 1

在内层设为 absolute 的时候，外层必须设为 relative，否则外层默认为 static。这样外层有滚动条的时候，内层 div 才会随着外层滚动。12345678910<style type="text/css">div {border:&nbsp;1px&nbsp;solid&nbsp;#000;}#outer {width:&nbsp;500px;&nbsp;height:&nbsp;500px;&nbsp;overflow:&nbsp;auto;&nbsp;position:&nbsp;relative;}#outer div {position:&nbsp;absolute;}#inner1&nbsp;{width:&nbsp;300px;&nbsp;height:&nbsp;100px;&nbsp;top:&nbsp;250px;&nbsp;left:&nbsp;20px;}#inner2&nbsp;{width:&nbsp;200px;&nbsp;height:&nbsp;150px;&nbsp;top:&nbsp;150px;&nbsp;left:&nbsp;150px;}#inner3&nbsp;{width:&nbsp;250px;&nbsp;height:&nbsp;150px;&nbsp;top:&nbsp;230px;&nbsp;left:&nbsp;200px;}#inner4&nbsp;{width:&nbsp;250px;&nbsp;height:&nbsp;100px;&nbsp;top:&nbsp;320px;&nbsp;left:&nbsp;170px;}#makeScroll {width:&nbsp;10px;&nbsp;height:&nbsp;10px;&nbsp;top:&nbsp;1000px;&nbsp;left:&nbsp;1000px;}</style>1234567<div&nbsp;id="outer">&nbsp;&nbsp;&nbsp;&nbsp;<div&nbsp;id="inner1"></div>&nbsp;&nbsp;&nbsp;&nbsp;<div&nbsp;id="inner2"></div>&nbsp;&nbsp;&nbsp;&nbsp;<div&nbsp;id="inner3"></div>&nbsp;&nbsp;&nbsp;&nbsp;<div&nbsp;id="inner4"></div>&nbsp;&nbsp;&nbsp;&nbsp;<div&nbsp;id="makeScroll"></div></div>

Answer 2

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