实现子元素相对于父元素左右居中

1. 显示的设定子元素的宽度，然后将资源的margin值设定为：margin:0 auto;

html:

<div class="parent">
　　<div class="child"></div>
</div>

css:

.parent {
	width:100px;
	height:100px;
	background:red;
}
.child {
	/*如果设定为绝对定位，会不起效
	* 原因是设定为觉得定位后，元素的位置会相对于
	 *向上回溯第一个定位为：absolute/relative
	 *的父级元素定位
	*/
	/*position: absolute;*/
	margin:0 auto;
	width:50px;
	height:100px;
	background:green;
}

2.