CSS是一種用于為網頁添加樣式的語言。在網頁設計過程中，浮動是一種常見的布局技術，可以將一些元素放置在網頁上，使它們像漂浮在頁面上一樣。然而，有時候我們也需要取消浮動。下面我們就來看看如何通過CSS設置取消浮動。

.clearfix {
clear: both;
}

要取消浮動，我們可以使用一個稱為clearfix的CSS類。我們可以像這樣定義它：

這是我們想要清除浮動效果的段落。

在我們想要取消浮動效果的元素上，我們可以將clearfix類作為一個class屬性添加到它的容器元素上。這樣我們的段落就被清除浮動了。

如果我們有一個元素，它只有左浮動或者右浮動的效果，我們可以使用一個稱為“偽元素”的CSS技術來取消浮動。我們可以使用:after偽元素來實現。我們可以像這樣定義：

.elem {
float: left;
}
.elem:after {
content: "";
display: table;
clear: both;
}

在這個例子中，我們給元素.elem添加一個左浮動效果。并在這個元素上使用了:after偽元素來清除它的浮動效果。這里的“內容”屬性是一個必需的屬性，它告訴CSS偽元素將顯示一些內容，即一個空字符串。通過設置“display: table;”，我們可以使偽元素成為一個塊級元素，并在它之后插入一個換行符，即使用“clear: both;”來清除浮動效果。

這就是如何使用CSS設置取消浮動的技巧。無論是使用clearfix類還是: after偽元素技術，都是很簡單和易于實現的。希望能對你在網頁設計和開發過程中有用！