在CSS中，當一個塊級元素的內容中有浮動的子元素時，該塊級元素的高度會塌陷為0，從而導致其他元素出現布局問題。這時就需要使用清除浮動的方法。

.clearfix::after { content: ""; display: block; clear: both; }
/*或者使用以下方法*/
.clearfix { zoom: 1; }
.clearfix::before, .clearfix::after { content: ""; display: table; }
.clearfix::after { clear: both; }

以上代碼中，清除浮動的方法分為兩種，第一種方法是在父元素上使用::after偽元素，設置content為""，display為block，clear為both，從而在父元素的末尾添加一個空塊元素，強制將浮動元素置于父元素內部，使父元素能夠正確計算高度。

第二種方法是使用zoom屬性和display: table方法，分別在父元素上和::before，::after偽元素上設置。其中，zoom屬性為了讓IE6/7識別display: table方法，::before和::after偽元素的display屬性為table，是為了在IE6/7中正確計算高度。

使用清除浮動方法可以解決塊級元素高度塌陷的問題，同時可以保持頁面布局的穩定與整潔。需要注意的是，清除浮動的方法應當放在浮動元素的父元素上，而不是在浮動元素本身上。