不定宽 div 实现水平居中

居中的方式我们平常用的方法:
1. margin: 0 auto ; 缺点在于需要为 div 设置宽度。
2. text-align: center ; 内容和行内元素居中。

**如果 div 宽度不定,可以用以下方法实现居中：**

<div class="wrap">
<div class="inner"> 自适应 DIV 居中 </div>
</div>

.wrap{
float:left;//设置为浮动后，div 宽度为自适应
position:relative;
left:50%;//移动到中线的右边
}

.inner{
position:relative;
left:-50%;//向左移动自身的一半距离，实现居中
}