推荐回答（3个）
在做css+div布局是重叠有很多中情况，我给你分析分析
首先看看一个容器套两个字容器的情况，在我们做布局的时候网页中div之间的关系基本都可以简化到这种关系。
代码如下
DIV_TEST
div{border: 1px solid #000;}
#top1{
width: 200px;
}
#top1Sun1{
background-color: aquamarine;
width: 150px;
}
#top1Sun2{
background-color: bisque;
width: 150px;
}
top1
top1Sun1
top1Sun2
下面我们来看一下那种方式可能会产生重叠
1、margin为负数的情况
现在我们将top1Suan2的margin-top设置成-10px
可以看到top1Sun2向上偏移了10个像素，因此这中情况是可能产生重叠的。
2、绝对定位
这个不用解释了，肯定可以产生重叠
3、父容器高度不固定，子容器使用float，看看父容器的兄弟容器会不会产生偏移
不使用float的时候是这样的
代码如下
DIV_TEST
div{border: 1px solid #000;}
#top1{
width: 600px;
}
#top1Sun1{
background-color: aquamarine;
width: 150px;
height: 200px;
}
#top1Sun2{
background-color: bisque;
width: 150px;
height: 200px;
margin-top: -10px;
}
#top2{
height: 100px;
background-color: #eee;
}
top1
top1Sun1
