成人精品一区二区三区中文字幕-成人精品一区二区三区-成人精品一级毛片-成人精品亚洲-日本在线视频一区二区-日本在线视频免费

我常用的都是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;
}


層套關系：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，導致部分鏈接無法點擊。