CSS 中的 clear 方法是用于清除一個元素的浮動。在浮動元素的上方添加一個空白元素，在必要時可以避免其影響其他元素的布局。 例如，在一個包含浮動元素的 div 中，如果其高度不夠以容納浮動元素，則其他內容的布局將會受到影響。此時，可以使用 clear 方法來清除浮動元素，同時重新布局。 下面是一個示例，展示了如何使用 CSS 的 clear 方法：

div {
background-color: lightblue;
border: 1px solid black;
width: 300px;
height: 150px;
}
.float-left {
float: left;
width: 100px;
height: 100px;
background-color: yellow;
margin-right: 20px;
}
.clear {
clear: both;
}

在上面的示例中，我們首先定義了一個 div 和一個浮動元素 .float-left。此時，如果我們添加另一個元素到 div 中，其布局將會受到影響。為了避免這種情況，我們可以添加一個清除浮動的 .clear 類。

<div>
<div class="float-left"></div>
<div class="clear"></div>
</div>

上面的代碼添加了一個 .clear 類。由于這個元素沒有任何內容，因此它將相當于一個空白元素，清除前面的浮動元素。這樣，即使 div 高度不夠以容納浮動元素，其他內容的布局也將會保持正確。

總而言之，使用 CSS 的 clear 方法可以有效地清除浮動元素，從而避免布局錯誤。它特別適用于包含浮動元素的容器，如 div，使其能夠正確地呈現其內容。