div 水平居中的一种方法

<span style="font-size:24px;">1、parent float to left;</span>

<span style="font-size:24px;">2、parent  position 相对页面 右移50%，则父类div的做边界为page的中心轴;</span>

<span style="font-size:24px;">3、child  relative相对父类标签;</span>

<span style="font-size:24px;">4、child margin padding 0 则child的边界与parent重合，即可以理解为一个</span>

<span style="font-size:24px;">5、child left -50%右边界向左缩进50%，则child和parent就居中了；

</span>

.parent{float:left;position:relative;left:50%;}.parent .child{position:relative;margin:0;padding:0;left:-50%;}

<div class="parent"><div class="child">水平居中</div></div>