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

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

2008、2010 年的 clear:both 寫法

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

對新奇的事物都很有興趣, 喜歡簡單的東西, 過簡單的生活.
本篇發表於 News-Technology 並標籤為 。將永久鏈結加入書籤。

發表迴響