overflow解決float浮動后高度自適應(yīng)問題_Div+CSS教程

也許你在做網(wǎng)頁的時候發(fā)現(xiàn)，發(fā)一個區(qū)塊內(nèi)的元素被應(yīng)用了float之后，那么整個box的高度對就不以被浮動對象的高度為標準了。
如圖中的城市導(dǎo)航內(nèi)的城市列表中采用了float之后，那個外框的高度并不是內(nèi)容元素的高度：


怎么解決這個問題呢？經(jīng)發(fā)現(xiàn)可以采用overflow來解決！方法是在父元素加上如下代碼即可

overflow:auto; zoom:1;

overflow:auto;是讓高度自適應(yīng)， zoom:1;是為了兼容IE6，也可以用height:1%;的方式來解決。