一個老外弄的Clearing floats(清除浮動的方法)
更新時間：2007年09月10日 22:16:46 作者：
我常用的都是clear:both;方法，如
<div style="clear:both">
<div style="float:left"></div>
<div style="float:right"></div>
</div>
今在PlanABC看到另外這種方法，特些記錄下來。
div.container {
border: 1px solid #000000;
}
div.left {
width: 45%;
float: left;
}
div.right {
width: 45%;
float: right;
}
層套關(guān)系：container的div包含left和right
最簡單合理的清除浮動的方法（紅色粗體部分）：
div.container {
border: 1px solid #000000;
overflow: hidden;
width: 100%;
}
兼容情況：IE6 IE7 FF MacIE等
來源地址：http://www.quirksmode.org/css/clearing.html
PS：不過在使用的過程貌似還有小的BUG，淘寶的小馬曾碰到過，具體的癥狀是，IE6中層套清除浮動的div，導致部分鏈接無法點擊。
<div style="clear:both">
<div style="float:left"></div>
<div style="float:right"></div>
</div>
今在PlanABC看到另外這種方法，特些記錄下來。
div.container {
border: 1px solid #000000;
}
div.left {
width: 45%;
float: left;
}
div.right {
width: 45%;
float: right;
}
層套關(guān)系：container的div包含left和right
最簡單合理的清除浮動的方法（紅色粗體部分）：
div.container {
border: 1px solid #000000;
overflow: hidden;
width: 100%;
}
兼容情況：IE6 IE7 FF MacIE等
來源地址：http://www.quirksmode.org/css/clearing.html
PS：不過在使用的過程貌似還有小的BUG，淘寶的小馬曾碰到過，具體的癥狀是，IE6中層套清除浮動的div，導致部分鏈接無法點擊。
相關(guān)文章
css 兼容性問題this.style.cursor=''''hand''''
css 兼容性問題this.style.cursor='hand'讓我們來CSS HACK2008-11-11
制作WEB在線編輯器-插入HTML標簽...2007-03-03
為了防止亂碼，請將用于頁面編碼的meta charset放到title的前面
為了防止亂碼，請將用于頁面編碼的meta charset放到title的前面...2007-12-12
綠色在黃色和藍色（冷暖）之間，屬于較中庸的顏色，這樣使得綠色的性格最為平和、安穩(wěn)、大度、寬容。是一種柔順、恬靜、滿足、優(yōu)美、受歡迎之色。也是網(wǎng)頁中使用最為廣泛的顏色之一。2008-08-08
表格（table）是一直以來長期被大家使用的標簽，直到現(xiàn)在還是在用，不過呢因為現(xiàn)在的網(wǎng)站重構(gòu)，建議大家不要表格（table）來布局而很多朋友誤以為用表格（table）就是所謂的不標準了，其實不然，表格（table）是一個重要元素。2008-10-10
用css來控制圖片大小顯示的實現(xiàn)方法與代碼...2007-03-03
創(chuàng)建IE各版本專屬CSS IE中的if語句...2007-09-09
頁面與css之間的聯(lián)系，老手和新手都需要了解2008-08-08
這篇主講的內(nèi)容涉及鏈接、標題、插入、刪除、上下標、分割線、換行等標簽。2008-06-06
2006.12.06更新 TopStyle剪輯庫...2006-12-12