請列舉幾種可以清除浮動的方法（至少兩種）

love_programmer發表於2020-12-31
  1. 請列舉幾種可以清除浮動的方法（至少兩種）
    註解：浮動會漂浮於普通流之上，像浮雲一樣，但是隻能左右浮動。正是這種特性，導致框內部由於不存在其他普通流元素了，表現出高度為0（高度塌陷）
    a. 新增額外標籤，例如

    b. 使用br標籤和其自身的html屬性，例如

    c. 父元素設定 overflow：hidden；在IE6中還需要觸發hasLayout，例如zoom：1
    d. 父元素設定 overflow：auto 屬性；同樣IE6需要觸發hasLayout
    e. 父元素也設定浮動
    f. 父元素設定display:table
    g. 使用:after 偽元素；由於IE6-7不支援:after，使用 zoom:1觸發 hasLayout

相關文章