在CSS + DIV的布局中，經(jīng)常發(fā)現(xiàn)當(dāng)DIV浮動(dòng)時(shí)，如果其高度超過(guò)其父DIV的高度，則其父DIV的高度將不會(huì)相應(yīng)地調(diào)整。為了解決這個(gè)問(wèn)題（也稱為關(guān)閉（清算）浮動(dòng)），我們有四種方法：

1.附加標(biāo)簽方法

此方法是在父容器的末尾插入額外標(biāo)記并清除它以清除父容器。這種瀏覽器兼容性方法很好，沒有問(wèn)題，缺點(diǎn)是你需要額外的（通常沒有語(yǔ)義）標(biāo)簽。我個(gè)人喜歡這種方法，因?yàn)樗?jiǎn)單，實(shí)用，兼容瀏覽器，W3C也推薦使用這種方法

2.使用after偽類

此方法是使用指定當(dāng)前內(nèi)容末尾的after偽類和內(nèi)容聲明將新內(nèi)容添加到父容器。通常的做法是增加一個(gè)“點(diǎn)”，因?yàn)樗惶黠@。然后我們用它來(lái)清除浮動(dòng)（關(guān)閉浮動(dòng)元素）并隱藏內(nèi)容。這種方法通常是兼容的，但它可以通過(guò)各種黑客處理不同的瀏覽器，同時(shí)確保html是干凈的。

#outer:在{content:“?！? height: 0; visibility: hidden; display: block; clear: both;}

3.將溢出設(shè)置為隱藏或自動(dòng)

這是通過(guò)將父容器的溢出設(shè)置為hidden或auot來(lái)關(guān)閉標(biāo)準(zhǔn)兼容瀏覽器中的浮動(dòng)元素來(lái)完成的。但是，使用溢出時(shí)，可能會(huì)影響頁(yè)面的性能，并且影響是不確定的。您可以在多個(gè)瀏覽器上測(cè)試您的頁(yè)面。 #outer {overflow: auto; zoom: 1;} overflow: auto;是使高度自適應(yīng)，縮放: 1;是與IE6兼容，你也可以使用高度: 1％;

浮動(dòng)外部元素float-in-float是讓父容器也浮動(dòng)，這利用了浮動(dòng)元素的屬性?！?dòng)元素關(guān)閉浮動(dòng)元素。這種方法在IE/Win和標(biāo)準(zhǔn)兼容瀏覽器中有很好的效果，但缺點(diǎn)也很明顯?！溉萜鞑灰欢ㄊ歉?dòng)和浮動(dòng)的。畢竟，浮動(dòng)是一種特殊行為，有時(shí)不允許布局。它的漂浮也很正常。看看你自己的代碼示例：src=“./dms/get.html？path=”alt=“\”style=“display: inline-block;寬度: 93px;身高: 90px“/＆gt;

在迭代內(nèi)部會(huì)有很多div，其中div將向左浮動(dòng)，因此父div的高度不是自適應(yīng)的。