在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中的作用及其使用方式。需要注意的是，清除浮动的方式虽然简单，但是过度使用也会导致代码冗长，影响代码的可读性和减慢网页加载速度，因此应该适度使用。