在CSS中，浮動（float）是一種元素定位的方法。浮動有兩種屬性值：left和right。左浮動表示元素向左盡可能的移動，右浮動表示元素向右盡可能的移動。浮動的目的是使元素在文本流中脫離出來，讓其他元素繞過它，從而實現頁面布局的效果。

.img{
float: left;
}

在上面的代碼中，.img元素被設置了左浮動。在頁面上，它將排列在其它非浮動元素頂部的左側。當文本流遇到浮動元素時，它將自動圍繞它而不是覆蓋它，從而實現頁面布局的效果。

當頁面上有多個浮動元素時，它們會按照在文檔流中出現的順序從左到右排列。如果浮動元素過寬，它們可能會出現重疊的情況。

圖像描述
圖像描述
.clearfix{
clear: both;
}

在上面的代碼中，.left和.right元素都被設置了浮動。為了防止它們之間出現重疊的情況，需要使用清除浮動的技巧。在頁面的最后，使用.clearfix元素清除浮動，使頁面布局更加美觀。

總之，CSS浮動是一種常用的頁面布局方式。它通過使元素脫離文本流，使頁面上的元素排列更加靈活，從而實現各種不同的頁面布局效果。