CSS中的after偽元素可以用來清除浮動，它是一個很有用的技巧。在 CSS 中，float 屬性往往會導致布局出現問題，因為浮動元素不在正常的流中，會影響到后面的元素。而使用 clear 屬性可以解決這個問題。但是，這會給 HTML 代碼添加過多的標簽，使其不易維護。這時，after 偽元素的出現就顯得尤為重要。

下面是一個示例，其中 after 偽元素被用于清除浮動：

.container {
width: 100%;
background-color: #eee;
&:after {
content: "";
display: block;
clear: both;
}
}
.box {
display: block;
float: left;
width: 50px;
height: 50px;
}

上面的代碼中，我們定義了一個容器類 .container 和一個浮動的盒子類 .box。在 .container 上使用了 :after 偽元素，將其屬性 display 設置為 block，并設置 clear 屬性為 both，這樣就可以清除浮動。

為了使 :after 偽元素生效，它必須要有 content 屬性，即使這個屬性的值為空也可以。然后將 :after 偽元素的 display 屬性設置為 block，讓它具有塊級元素的特性。最后，使用 clear 屬性清除浮動，這樣就可以在容器內清除浮動效果了。

總結一下，使用 :after 偽元素清除浮動可以減少 HTML 代碼中使用額外標簽的情況，讓代碼更加簡介清晰。不過也要注意，使用 :after 偽元素清除浮動有時可能會影響性能，所以應該根據具體需求選擇適當的方案。