一個老外弄的Clearing floats(清除浮動的方法)_經驗交流

我常用的都是clear:both;方法，如

   

  

今在PlanABC看到另外這種方法，特些記錄下來。

div.container {
 border: 1px solid #000000;
}

div.left {
 width: 45%;
 float: left; BR>}

div.right {
 width: 45%;
 float: right;
}


層套關係：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，導致部分連結無法點擊。