CSS中的浮動（float）是一種流體布局中經常使用的一種屬性，它可以使得元素脫離正常的文檔流，從而可以很方便地實現元素的排列和布局。

然而，浮動元素也會產生一些問題。例如，如果父元素沒有設置高度，子元素浮動后可能會導致父元素無法被撐起來，從而影響后面的元素的布局。此外，浮動元素也可能會導致元素的重疊、文字環繞等現象，影響頁面的效果。

鑒于這些問題，CSS在一些情況下會取消元素的浮動。以下是一些常見的情況。

.clearfix {
/* 取消浮動 */
overflow: auto;
/* 添加內容清除浮動 */
content: "";
display: block;
}

1. 使用clearfix清除浮動

在float布局中，一個常見的問題就是父元素無法被正確撐起，這時我們可以使用clearfix技術來清除浮動。這個技術的基本原理是，通過設置父元素的overflow屬性為auto來消除浮動帶來的影響，并且添加一個偽元素并設置其為block來讓其占據空間。

2. 使用display屬性為table系列的值

在CSS2.1中，設置元素的display屬性為table系列的值（如table、table-row、table-cell等）可以使元素具有類似于表格的布局方式，并且取消浮動。

單元格1
單元格2

3. 使用flexbox布局

在CSS3中，flexbox成為一種新的布局方式，通過設置元素的display屬性為flex或者inline-flex可以快速實現一些常見的列布局、行布局等效果，并且默認會取消元素的浮動。

.container {
display: flex;
justify-content: space-around;
}
.item {
flex: 1;
}

綜上所述，浮動在CSS布局中有著重要的作用，但是也會帶來一些問題。在特定的情況下，我們可以通過clearfix技術、display屬性為table系列的值、flexbox布局等方式來取消元素的浮動。