如果有一個(gè)DIV作為外部容器，內(nèi)部的DIV如果設(shè)置了float樣式，則外部的容器DIV因?yàn)閮?nèi)部沒有 clear，導(dǎo)致不能被撐開?？聪旅娴睦樱?br />Div布局如下：
Css代碼如下：
IE和FF顯示如下圖：
傳統(tǒng)的人解決方法：
但是，這么多加一個(gè)DIV有點(diǎn)不妥。一是多了一個(gè)沒有意義的DIV，二是在用dojo做Drag & Drop的時(shí)候，由于這個(gè)DIV是容器DIV的一個(gè)字節(jié)點(diǎn)，如果這個(gè)節(jié)點(diǎn)被移動，則會造成排版上的Bug：如果要顯示的藍(lán)框的DIV被移到這個(gè)DIV之后，則因?yàn)閏lear:both，它會被強(qiáng)制換一行顯示。所以，最好使用下面clearfix方法。外層div加上clearfix樣式。
clearfix定義如下：
這樣修改以后顯示正常。
那段代碼是用來清除浮動的。
以下代碼可以這么解釋：
新聞熱點(diǎn)
疑難解答
圖片精選
