主頁(yè) > 知識(shí)庫(kù) > 一個(gè)老外弄的Clearing floats(清除浮動(dòng)的方法)

一個(gè)老外弄的Clearing floats(清除浮動(dòng)的方法)
熱門(mén)標(biāo)簽：地圖標(biāo)注微信好友 南昌電話(huà)機(jī)器人系統(tǒng) 隨州外呼系統(tǒng)廠家 ai電話(huà)機(jī)器人效果差 地圖標(biāo)注樓盤(pán) 南山電話(huà)機(jī)器人 快速更改地圖標(biāo)注點(diǎn)標(biāo) 蘇州做電話(huà)機(jī)器人 沈陽(yáng)400電話(huà)辦理多少錢(qián)
我常用的都是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)擊。
您可能感興趣的文章:
  • CSS清除浮動(dòng)常用方法小結(jié)
  • css別忘記清除浮動(dòng)clear:both
  • 對(duì)于IE7、FF、OP清除浮動(dòng)的最優(yōu)方法
  • html清除浮動(dòng)的6種方法示例

標(biāo)簽：商洛 石家莊 大同 玉樹(shù) 濰坊 昭通 深圳 濰坊

巨人網(wǎng)絡(luò)通訊聲明：本文標(biāo)題《一個(gè)老外弄的Clearing floats(清除浮動(dòng)的方法)》，本文關(guān)鍵詞  一個(gè),老外弄,的,Clearing,；如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問(wèn)題，煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們，我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò)，涉及言論、版權(quán)與本站無(wú)關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《一個(gè)老外弄的Clearing floats(清除浮動(dòng)的方法)》相關(guān)的同類(lèi)信息！
  • 本頁(yè)收集關(guān)于一個(gè)老外弄的Clearing floats(清除浮動(dòng)的方法)的相關(guān)信息資訊供網(wǎng)民參考！
    • 推薦文章