來看一下從 float 那一頁稍作修改的例子：

CSS 宣告：

#leftfloat {   float:left; } #clearleft {   clear:left; }

以下的 HTML 碼，

<span id="leftfloat"><img src="yp.jpg"></span>這個例子<span id="clearleft">展現出 clear:left 能夠抵銷 float 屬性的值。</span>

就會顯現出，

這個例子展現出 clear:left 能夠抵銷 float 屬性的值。

在上面的例子中，一但 clear:left 的樣式被用上，float:left 就不再有作用。也就因為這樣，在 clear:left 樣式後的所有文字都是在圖案之下。