CSS 對於 Float 的 clear:both 無效的解法 - 2011

CSS 對於 Float 的 clear:both 每年都會有新的寫法. XD

2008、2010 年的 clear:both 寫法

• CSS 對於 Float 的 clear:both 無效的解法 - 2010
• 修正 CSS 對於 float 區塊, 使用 clear:both 無效的解法 - 2008

2011 年的 clear:both 寫法

2011 年到了, 今年的解法可見此文: A new micro clearfix hack # 下述取自此文


/* For modern browsers */
.cf:before,
.cf:after {
content:"";
display:block;
overflow:hidden;
}

.cf:after {
clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
zoom:1;
}

作者: Tsung

對新奇的事物都很有興趣, 喜歡簡單的東西, 過簡單的生活. 檢視「Tsung」的全部文章