清除浮動的最佳方法

清除浮動的幾種方法,這里不一一列舉

個人認為,使用偽類來清除浮動是最好的一種方法


1) display:block 使生成的元素以塊級元素顯示,占滿剩余空間;

2) height:0 避免生成內容破壞原有布局的高度。

3) visibility:hidden 使生成的內容不可見,并允許可能被生成內容蓋住的內容可以進行點擊和交互;

4) zoom:1 ,為了兼容IE瀏覽器

當然,這只是個人見解,如大家有不同意見,或有更好的方法,請下方留言,大家一同學習,共同進步

—————————————————————————————————————————————————

又學習到一種清除浮動的方法,其實,叫清除浮動,并不準確,清除浮動的目的,是為了解決父盒子高度為0的問題,最準確的叫法,應該是閉合浮動,顧名思義,應將浮動的元素閉合在為元素中,所以,下面的方法才是最好的方法:

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 14,157評論 1 92
  • 這篇文章極好,以至于讓我受益良多,就一字沒有改動的轉發(fā)過來一絲冰涼老師的文章 需要注意的是,display:tab...
    新晉小牛牛閱讀 1,129評論 0 2
  • 我們在日常開發(fā)布局中經常會使用到流體布局,流體布局用到的一個最重要的屬性就是浮動,今天就來看看浮動的相關知識。 1...
    一木_qintb閱讀 1,223評論 0 2
  • 浮動,從誕生那天起,它就是個特別的屬性——既為網頁布局帶來新的方法,卻又隨之產生一系列的問題。當然,隨著時間的推移...
    郝特么冷閱讀 908評論 0 6
  • 浮動是什么:浮動:浮動元素會脫離文檔流并向左右移動,直到碰到父元素或者另一個浮動元素。 浮動元素不屬于文檔中的普通...
    天外來人閱讀 510評論 0 1

友情鏈接更多精彩內容