1.样式
.wrap{
float:left;
position:relative;
left:50%;
}
.wrap-center{
background:#ccc;
position:relative;
left:-50%;
}
2.html结构
<div class="wrap">
<div class="wrap-center">我们来学习一下这种方法。</div>
</div>
1).子元素、父元素均为绝对定位
2).父元素左浮动，left：50%；
3).子元素left:-50%.