DIV CSS 佈局教程網

margin collapsing問題以前的解決方案：

.clear {  
    clear: both;  
    font-size: 0px;  
    line-height: 0px;  
} 

費解竟然這種解決方案不奏效了，於是用IE DEVELOPE TOOLBAR調試，發現<div class="clear" ></div>是存在的，那究竟是什麼原因呢？在網上也沒能找到相關的問題，只能自己解決（哎，本想站在巨人->Google的肩膀上總能看的更遠）。不費話了，下面的自己找到的解決方法：

.clear {  
    clear: both;  
    font-size: 1px;  
    height: 1px;  
    line-height: 1px;  
} 

margin collapsing問題PS：可能IE8在對頁面解析呈現時，對高度為0的元素，根本不作為考慮的對象（個人理解，不具權威性）、還有一點不得不在這兒也要提醒一下，就是它的缺點：就是頁面會產生多余的1px高的空白（不過本人想這應該在現實中不會有什麼大不了的影響）。