主頁 > 知識(shí)庫 > CSS清除浮動(dòng)常用方法小結(jié)

CSS清除浮動(dòng)常用方法小結(jié)

熱門標(biāo)簽:ai電話機(jī)器人效果差 沈陽400電話辦理多少錢 南山電話機(jī)器人 快速更改地圖標(biāo)注點(diǎn)標(biāo) 地圖標(biāo)注樓盤 隨州外呼系統(tǒng)廠家 地圖標(biāo)注微信好友 南昌電話機(jī)器人系統(tǒng) 蘇州做電話機(jī)器人
常用的清除浮動(dòng)的方法有以下三種。
      此為未清除浮動(dòng)源代碼,運(yùn)行代碼無法查看到父級(jí)元素淺黃色背景。        


[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]


     1、使用空標(biāo)簽清除浮動(dòng)。我用了很久的一種方法,空標(biāo)簽可以是div標(biāo)簽,也可以是P標(biāo)簽。我習(xí)慣用P>,夠簡短,也有很多人用hr>,只是需要另外為其清除邊框,但理論上可以是任何標(biāo)簽。這種方式是在需要清除浮動(dòng)的父級(jí)元素內(nèi)部的所有浮動(dòng)元素后添加這樣一個(gè)標(biāo)簽清楚浮動(dòng),并為其定義CSS代碼:clear:both。此方法的弊端在于增加了無意義的結(jié)構(gòu)元素。 


[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]


      2、使用overflow屬性。此方法有效地解決了通過空標(biāo)簽元素清除浮動(dòng)而不得不增加無意代碼的弊端。使用該方法是只需在需要清除浮動(dòng)的元素中定義CSS屬性:overflow:auto,即可!"zoom:1"用于兼容IE6。 

[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]


      3、使用after偽對(duì)象清楚浮動(dòng)。該方法只適用于非IE瀏覽器。具體寫法可參照以下示例。使用中需注意以下幾點(diǎn)。一、該方法中必須為需要清除浮動(dòng)元素的偽對(duì)象中設(shè)置height:0,否則該元素會(huì)比實(shí)際高出若干像素;二、content屬性是必須的,但其值可以為空,藍(lán)色理想討論該方法的時(shí)候content屬性的值設(shè)為".",但我發(fā)現(xiàn)為空亦是可以的。 


[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]


     此三種方法皆有一定弊端,使用時(shí)應(yīng)擇優(yōu)選擇,比較之下第二種方法更為可取。以上方法,并非原創(chuàng),皆來源于網(wǎng)絡(luò),在此小作整理,原作者保留所有權(quán)利。
您可能感興趣的文章:
  • css別忘記清除浮動(dòng)clear:both
  • CSS清除浮動(dòng)方法匯總

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

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