CSS偽類清除浮動用來處理在父元素內有浮動元素時產生的高度塌陷的問題,一般使用以下兩種方法:
.clearfix:after { content: ""; display: block; clear: both; }
這個方法是在父元素上設置一個偽元素,將其清除浮動,同時content屬性的值為空。
另外一種方法是在父元素上設置overflow屬性為hidden,這種方法需要注意,因為當子元素寬度大于父元素時,子元素的內容會被截斷。
.parent { overflow: hidden; }
這種方法適用于簡單的清除浮動,且父元素大小已經確定,此時設置overflow: hidden; 可以有效避免高度塌陷的問題。