在不設置DIV寬度的情況下，讓它水平居中。

第一種方法：外層設置相對定位且浮動，left:50%，這樣左邊位置就偏移到了中間的位置;然后內層設置相對定位，left:-50%，這樣正好向左偏移自身寬度的一半，實現了居中。

<div class="wrap">

　　<div class="inner">html:讓inner居中</div>

</div>

.wrap{float:left;/*自適應內容寬度*/position:relative;left:50%;}

.inner{position:relative;left:-50%;}

 

第二種辦法：外層使用text-align：center;我們知道text-align:center是讓里面的內聯元素居中，很顯然在外層設置text-align:center后，我們讓里面的元素變成內聯元素即可，則可以對里面元素使用display:inline-block;*display:inline(兼容IE6-7)

總結：

外層元素{text-align:center;}
內層元素div{display:inline-block;text-align:left;}