如何实现 div 的多层重叠，且居中显示
我们在制作网页时，有时需要多重 div 的重叠，每个 div 添加不同的内容，以实现特殊的层
叠效果，这个如何实现，教程没有现成的详细的，但是可以用现有的知识，自己摸索哦。
今天终于成功了，把它写下来分享给大家。O(∩_∩)O~ 为看着方便，每天 div 都加了背景
颜色， 效果如图，实现了 div 互相嵌套叠压，并且在页面中居中显示：
关键知识点：
1、这几层的嵌套方式：shang 是最底层，嵌套了 top；top 内同时嵌套了 top1，top2，top3
2、要想实现最终的居中显示，在底层“shang”设置它的对齐方式用 margin 盒子外框距离：s
margin: 0px auto 0px auto;
3、top 作为父层，它的对齐方式必须设置为相对定位：position: relative; 它的值为：top:
0px;left: 0px;
4、top1，top2，top3 作为子层，它们的定位方式必须设置为绝对定位：position: absolute;它
们的值：top: 0px;left: 0px;
5、此外，为实现每个 div 的正确显示顺序，要设置它们的 z-index 值，数越大，越高，越
靠前。
源代码：
CSS 样式文件 StyleSheet.css 中的代码
/*基本信息*/
body {
}
/*页面层*/
#shang
{
margin: 0px auto 0px auto;
width: 350px;
- 1
- 2
- 3
前往页