怎么让div里面的div居中显示

*{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;}

div1_div1

通过margin:0auto;可以实现居中如果还要上下居中就要算px了

运行效果