????一開(kāi)始我一直在想玩什么wrap要加上float:left，不加會(huì)怎么樣？然后嘗試著不加float:left，結(jié)果發(fā)現(xiàn)如果不加就不會(huì)出現(xiàn)居中效果，會(huì)跟一開(kāi)始一樣文字在最左邊。 ????后來(lái)反復(fù)試驗(yàn)，終于有點(diǎn)理解為什么要加上float:left，不過(guò)我自己不太能表達(dá)出來(lái)，簡(jiǎn)單來(lái)說(shuō)，我個(gè)人理解就是： ????如果不加float:left，因?yàn)閐iv?class="wrap"是塊狀元素，所以是獨(dú)占一行的，文字后面延伸到瀏覽器最右側(cè)，導(dǎo)致這個(gè)div?class="wrap"里面的元素（指div?class="wrap-center"）也是延伸到瀏覽器最右側(cè)的，假設(shè)div?class="wrap"的寬度是100，那么div?class="wrap-center"的寬度也是100，所以前面所說(shuō)的，在wrap里面用left:50%往右移動(dòng)50%，然后又在wrap-center里面用left:-50%，因?yàn)閣rap和wrap-center寬度是相等的，導(dǎo)致它們抵消了，所以最后不會(huì)出現(xiàn)任何居中效果。 ????然而，如果在wrap里面加了float:left，意思就是左浮動(dòng)，根據(jù)前面第12章里面所說(shuō)的浮動(dòng)模型的特征，wrap是不能獨(dú)占一行的，wrap如果加了左浮動(dòng)，然后里面又嵌套有其他元素的話(huà)(這里指wrap-center)，第一個(gè)重點(diǎn)來(lái)了：wrap將會(huì)在“我們來(lái)學(xué)習(xí)一下這種方法?！边@句話(huà)之后把wrap-center放進(jìn)去，也就是說(shuō)“我們來(lái)學(xué)習(xí)一下這種方法。”這句話(huà)后面不會(huì)出現(xiàn)可以一直延伸到瀏覽器最右側(cè)的空白，而是出現(xiàn)了wrap-center。而且第二個(gè)重點(diǎn)也來(lái)了：就是wrap-center的寬度會(huì)跟wrap的寬度保持一致(當(dāng)然這里是指wrap-center里面沒(méi)有指定width而是保持默認(rèn)的情況下)。 ????此時(shí)，假設(shè)“我們來(lái)學(xué)習(xí)一下這種方法?！边@段話(huà)的長(zhǎng)度為10，那么wrap-center的長(zhǎng)度就是10，此時(shí)再在wrap-center里面用left:-50%，就是往左移動(dòng)-50%，大家腦補(bǔ)一下，這個(gè)時(shí)候就實(shí)現(xiàn)了把這段文字居中的效果。到現(xiàn)在我們可以看到，之前是根據(jù)wrap的長(zhǎng)度100移動(dòng)了50%，后來(lái)是根據(jù)wrap-center，其實(shí)就是“我們來(lái)學(xué)習(xí)一下這種方法?！边@段文字的長(zhǎng)度移動(dòng)了-50%。這就是原理。 ????不知道大家看懂沒(méi)，我是盡力了。。。