CSS中的浮動（float）是一種常見的布局技術，它可以使元素脫離文檔流，向左或向右浮動，并且可以讓其他元素環繞它。下面我們來詳細介紹一下CSS中浮動的作用。

.left {
float: left;
}
.right {
float: right;
}

一、實現文字環繞圖片的效果

通過將圖片設置為浮動元素，可以讓文字自動環繞在圖片周圍。這種效果常用于文章中插入圖片的布局。

這是一段文字，圖片環繞在文字周圍。

二、實現多列布局

通過設置多個浮動元素，可以讓它們并排在一行上，實現多列布局。這種效果常用于新聞網站等需要展示多個模塊的網站頁面。

左側內容
右側內容

三、實現響應式布局

通過設置浮動元素的寬度為百分比，可以實現響應式布局。當瀏覽器窗口大小改變時，元素會自動調整大小和位置。

.box {
float: left;
width: 50%;
}

總之，CSS中浮動是一種很實用的布局技術，可以幫助我們實現多種布局效果。不過，需要注意的是，過多的浮動元素會對頁面的性能產生不良影響。因此，在合理使用浮動的同時，也需要注意頁面的性能優化。