主頁 > 知識庫 > css別忘記清除浮動clear:both

css別忘記清除浮動clear:both
熱門標(biāo)簽：網(wǎng)站文章發(fā)布 服務(wù)器配置 呼叫中心市場需求 美圖手機 智能手機 檢查注冊表項 銀行業(yè)務(wù) 鐵路電話系統(tǒng)
用空標(biāo)簽清除
.clr {clear: both;}

div id="layout">
    div id="left">Left/div>
    div id="right">Right/div>
    p class="clr">/p>
/div>
使用 overflow 屬性
#layout {overflow:auto; zoom:1;}

div id="layout">
    div id="left">Left/div>
    div id="right">Right/div>
/div>
使用 :after （非 IE 瀏覽器）
#layout:after{
    display: block;
    clear: both; content: "";
    visibility:hidden; height: 0;
}

div id="layout">
    div id="left">Left/div>
    div id="right">Right/div>
/div>注：使用 :after 需要注意幾點，設(shè)置高度為零（height: 0;）；content 是必須的，但其值可以為空
您可能感興趣的文章:
  • CSS清除浮動常用方法小結(jié)
  • CSS清除浮動方法匯總

標(biāo)簽：河南 滄州 沈陽 新疆 上海 長治 樂山 紅河

巨人網(wǎng)絡(luò)通訊聲明：本文標(biāo)題《css別忘記清除浮動clear:both》，本文關(guān)鍵詞  ；如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題，煩請?zhí)峁┫嚓P(guān)信息告之我們，我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò)，涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 收縮
    • 微信客服
    • 微信二維碼

    • 電話咨詢

    • 400-1100-266