CSS中有一個清除浮動的方法,但是在清除浮動時它還能清除父級元素的高度,這就是CSS清除父級的方法。以下是一些方法,可以在清除浮動時使用。
.clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; }
上面的代碼使用偽元素,增加CSS元素的高度。我們可以給一個父級類使用class,然后通過CSS選擇器選取這個父級元素。
.clearme { overflow: hidden; }
這個CSS代碼塊只會增加一個簡單的屬性,overflow:hidden,一個父級元素的子元素容易產生空隙,overflow:hidden可以避免這種情況發生。
總之,清除父級是在清除浮動時,避免出現意外效果的方法之一。使用上述代碼,可以避免這類問題的發生。