CSS圖文混排可以讓網頁的視覺效果更加豐富，但是有時候會出現問題，比如元素之間的排列異常。這時候，我們可以使用CSS的clear屬性來解決這個問題。

clear屬性可以讓一個元素脫離文檔流，從而避免與前面元素的排列沖突。clear屬性有四個值：

.clearfix:before, .clearfix:after {
content: "";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
*zoom: 1;
}

這是一個clearfix的樣式，可以讓容器元素的高度自動計算，避免浮動元素造成的高度塌陷問題。

使用clear屬性不是沒有代價的，它會增加額外的CSS代碼，并且可能會影響布局性能。所以，我們需要根據具體情況來決定是否使用該屬性。