网页 多个div层 重叠居中 问题

首先body的css

body{
text-align:center;
width:1500px;}

 

第一个底部div 的css

position:absolute;
left:50%;
width: 1500px;
height: 100px;
margin: 0px auto 0px -750px;（左距=-宽度/2）

z-index: 1;

 第二个顶部div 的css

position:absolute;
left:50%;
margin: 0px auto 0px -512px;
width: 1024px;
height: 1000px;

background-color: #FF00FF;
z-index:3;