小編給大家分享一下html中清除浮動和閉合浮動是什么意思，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

創(chuàng)新互聯(lián)網(wǎng)站建設公司，提供成都做網(wǎng)站、成都網(wǎng)站制作，網(wǎng)頁設計，建網(wǎng)站，PHP網(wǎng)站建設等專業(yè)做網(wǎng)站服務;可快速的進行網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴展；專業(yè)做搜索引擎喜愛的網(wǎng)站，是專業(yè)的做網(wǎng)站團隊，希望更多企業(yè)前來合作!

為什么要清除浮動

• 子元素 float:left; 脫離文檔流,會造成父元素塌陷(撐不起來)

• 父元素 靠子元素撐起來

• 清除浮動  clear:both

清除浮動

    

        
    
    

        
    



// 偽元素 :after
.clear:after{
    clear:both;
    content:".";
    display:table;
    width:0;
    height:0;
    visibility:hidden;
}

• 閉合浮動 - 增加額外元素 clear:both

父級元素不設置 height

子元素 float:left

額外增加元素 clear:both

• 閉合浮動 -- 使用 br 和其自身的 html 屬性

==注意== clear=all 不推薦使用的屬性(moz)

• 閉合浮動 -- 父元素設置 overflow:hidden

• 閉合浮動 -- 父元素設置 display:table

以上是“html中清除浮動和閉合浮動是什么意思”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學習更多知識，歡迎關注創(chuàng)新互聯(lián)網(wǎng)站制作公司行業(yè)資訊頻道！

名稱欄目：html中清除浮動和閉合浮動是什么意思-創(chuàng)新互聯(lián)
文章網(wǎng)址：http://weahome.cn/article/ioess.html