after清楚浮動大法

{ clear:both; content: ' '; height: 0; width: 0; display: block; visivilty: hidden }

其中clear:both;指清除所有浮動；content: '.'; display:block;對于FF/chrome/opera/IE8不能缺少，其中content（）可以取值也可以為空。visibility:hidden;的作用是允許瀏覽器渲染它，但是不顯示出來，這樣才能實現清除浮動。

最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案？ 參考答案 (1)瀏覽器兼容問題一：不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 13,814評論 1贊 92
  • 1. 居中不定高div樣式 參考：http://www.haorooms.com/post/css_div_juz...
    darr250閱讀 4,669評論 0贊 7
  • 這篇文章極好,以至于讓我受益良多,就一字沒有改動的轉發過來一絲冰涼老師的文章 需要注意的是，display:tab...
    新晉小牛牛閱讀 1,073評論 0贊 2
  • 一:在制作一個Web應用或Web站點的過程中，你是如何考慮他的UI、安全性、高性能、SEO、可維護性以及技術因素的...
    Arno_z閱讀 1,232評論 0贊 1
  • 補充
    林小姐的那片海閱讀 180評論 0贊 0