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

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.