在CSS中，cleared是一個重要的屬性。它的作用是用于清除浮動元素所產生的影響。在網頁設計中，很多時候會使用浮動元素來實現一些特殊的布局效果，但是浮動元素會影響到其后面的元素，使得布局出現問題。這時候就需要使用cleared屬性，將浮動元素的影響清除掉。

使用cleared屬性的方式很簡單，只需要在浮動元素的父元素中添加一個clear:both;或clear:left;或clear:right;即可。例如：

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

在上面的代碼中，我們給父元素“parent”添加了一個clear-both。這樣可以清除兩個左浮動元素帶來的影響。值得注意的是，如果只有一個左浮動元素，我們也可以使用clear:left;來清除其影響。

除此之外，我們還可以使用clearfix這個類來快捷地實現清除浮動的效果。這個類的定義如下：

.clearfix::after {
content: "";
display: block;
clear: both;
}

可以看到，使用clearfix類的方式非常簡單，只需要在需要清除浮動的元素的父元素中加入clearfix類即可。例如：

<div class="parent clearfix">
<div class="float-left"></div>
<div class="float-left"></div>
</div>

以上就是cleared屬性在CSS中的作用及其使用方式。需要注意的是，清除浮動的方式雖然簡單，但是過度使用也會導致代碼冗長，影響代碼的可讀性和減慢網頁加載速度，因此應該適度使用。