一個(gè)老外弄的Clearing floats(清除浮動(dòng)的方法)
更新時(shí)間：2007年09月10日 22:16:46 作者：
我常用的都是clear:both;方法，如
<div style="clear:both">
<div style="float:left"></div>
<div style="float:right"></div>
</div>
今在PlanABC看到另外這種方法，特些記錄下來(lái)。
div.container {
border: 1px solid #000000;
}
div.left {
width: 45%;
float: left;
}
div.right {
width: 45%;
float: right;
}
層套關(guān)系：container的div包含left和right
最簡(jiǎn)單合理的清除浮動(dòng)的方法（紅色粗體部分）：
div.container {
border: 1px solid #000000;
overflow: hidden;
width: 100%;
}
兼容情況：IE6 IE7 FF MacIE等
來(lái)源地址：http://www.quirksmode.org/css/clearing.html
PS：不過(guò)在使用的過(guò)程貌似還有小的BUG，淘寶的小馬曾碰到過(guò)，具體的癥狀是，IE6中層套清除浮動(dòng)的div，導(dǎo)致部分鏈接無(wú)法點(diǎn)擊。
<div style="clear:both">
<div style="float:left"></div>
<div style="float:right"></div>
</div>
今在PlanABC看到另外這種方法，特些記錄下來(lái)。
div.container {
border: 1px solid #000000;
}
div.left {
width: 45%;
float: left;
}
div.right {
width: 45%;
float: right;
}
層套關(guān)系：container的div包含left和right
最簡(jiǎn)單合理的清除浮動(dòng)的方法（紅色粗體部分）：
div.container {
border: 1px solid #000000;
overflow: hidden;
width: 100%;
}
兼容情況：IE6 IE7 FF MacIE等
來(lái)源地址：http://www.quirksmode.org/css/clearing.html
PS：不過(guò)在使用的過(guò)程貌似還有小的BUG，淘寶的小馬曾碰到過(guò)，具體的癥狀是，IE6中層套清除浮動(dòng)的div，導(dǎo)致部分鏈接無(wú)法點(diǎn)擊。
相關(guān)文章
常用的DIV+CSS的基本框架結(jié)構(gòu)但不推薦都放一個(gè)div里
常用的DIV+CSS的基本框架結(jié)構(gòu)但不推薦都放一個(gè)div里...2007-09-09
html小技巧之td,div標(biāo)簽里內(nèi)容不換行
這篇文章主要介紹了td,div標(biāo)簽里內(nèi)容不換行的方法,需要的朋友可以參考下2014-05-05
昨天在使用css結(jié)合div布局的時(shí)候碰到了一個(gè)問(wèn)題。 在一個(gè)規(guī)定寬度大小的ul里邊 我把li的寬度定義為自動(dòng)。企圖讓li根據(jù)內(nèi)容長(zhǎng)度來(lái)自動(dòng)向左對(duì)齊排列。2008-07-07
css中的行間距的代碼...2007-08-08
前端面試學(xué)習(xí)中幾個(gè)常見(jiàn)有用的知識(shí)點(diǎn)
一場(chǎng)疫情過(guò)后，又要經(jīng)歷一次次面試，今天小編給大家分享前端面試學(xué)習(xí)中幾個(gè)常見(jiàn)有用的知識(shí)點(diǎn)，非常不錯(cuò)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友參考下2022-12-12
[紅色]以前寫(xiě)的兩個(gè)CSS樹(shù)形菜單...2006-12-12
編寫(xiě)純 CSS 彈出菜單的原理及實(shí)現(xiàn) By shawl.qiu
編寫(xiě)純 CSS 彈出菜單的原理及實(shí)現(xiàn) By shawl.qiu...2007-03-03
用css實(shí)現(xiàn)的灰度/原色連接效果...2007-04-04
div+CSS兼容小摘，比較實(shí)用的小技巧。2009-11-11
寫(xiě)CSS_關(guān)于Border你可能需要注意的地方
寫(xiě)CSS_關(guān)于Border你可能需要注意的地方...2007-12-12