1.行内样式＞指定样式＞通用class样式>通用未指定CLASS样式
2.例子：
1）<div style="...">aaaaaa</a>这就是指定用style的行内样式；
2）<div id="side" >aaaaaa</div>这就是指定id使用side样式；
3）<div class="ot">aaaaaa</div>这就是指了通用的class为ot的样式；
4）如<body><table><tr><th>这些一开始样式文件就定义好全程的样式，为通用为指定的样式；
最高就是指行内样式，接着就是指定ID的，然后就是CLASS，最后就是未指定通用样式；
divn n=1，2，。。。n你这个意思不就是div1在最上层么 那么div1 z-index：999 依次递减
再设置每个div margin-top：-1px//大小看你border-top而定 很简单
<html><head>
<style>
body {
position:relative
z-index:0
}
#div1 {
width:200px
height:100px
background-color:red
z-index:10
}
#div2 {
width:150px
height:80px
margin:-20px 0 0 20px
background-color:blue
z-index:20
}
</style>
</head>
<body>
<div id="div1">div1</div>
<div id="div2">div2</div>
</body>
</html>
这样就可以了
