*{margin:0;padding:0;}
.body{width:960px;margin:0auto;}
.div1{border:#000000solid1px;width:300px;height:300px;margin:0auto;}
.div1_div1{border:#CC0000solid1px;width:100px;height:100px;margin:100pxauto;}
通过margin:0auto;可以实现居中如果还要上下居中就要算px了
运行效果