如何修正DIV float之后导致的外部容器不能撑开的问题

請原諒我在標題上使用了簡體~

我不是CN的設計師，只不過在這邊上班

讓我驚訝的是這邊的技術層次的討論的確比TW要豐富一些

也許是環境或是市場的因素

網路(互聯網)企業比TW要發達很多~~





回到標題的討論

自從開始接觸CSS開始，對排版上有很多的疑問都無法自己解決

開始仿效別的網站或是看書自己學習

對於float的結束是最頭痛的~~(還不是因為IE的關係)

我最早都是在浮動DIV結束前加上DIV class="c"

使用 .c {clear:both}

來結束浮動，不過在編碼上看到很多這樣空空的DIV，令我很頭痛!!!

這樣的html交給工程師，我覺得挺不禮貌的~

過了一年

我才看到這篇文章
如何修正DIV float之后导致的外部容器不能撑开的问题





太棒了~我心中的大石終於放下

也分享給大家

-------------------------------------------------

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

-------------------------------------------------

在浮動視窗外部的div加上class="clearfix"吧~

減少一些div~我想在交付網頁給工程師codeing的時候，這樣是比較禮貌的~