在網頁設計中，浮動是重要的布局方式之一。它允許我們將元素從文檔的正常流中移出，并且讓這些元素可以懸浮在頁面的其他元素之上。

在 CSS 中，浮動屬性可以通過使用 float 屬性來實現。以下是 float 屬性的基本語法。

float: none | left | right;

當 float 屬性設置為 left 時，元素會被左側對齊，并且文本將流動到元素的右側。同理，當 float 屬性設置為 right 時，元素會被右側對齊，并且文本將流動到元素的左側。

下面的例子演示了用 float 屬性來改變文字流的效果：

<style>
.box {
width: 150px;
height: 150px;
background-color: #f0f0f0;
float: left;
}
</style>
<div>
<div class="box"></div>
<p>這是一段文本，與浮動元素相鄰。</p>
</div>

在上面的代碼中，我們設置了一個寬度為 150px、高度為 150px 的盒子，將其左浮，然后在該盒子下面放置了一個段落元素。因為浮動盒子占用了文檔流中的位置，所以段落文字流將被重新生成并排在盒子之后。

這種技巧可以被用來實現各種復雜的布局效果，但需要注意的是，浮動會使得盒子脫離文檔流，從而可能導致一些樣式上的問題。同時，浮動的元素可能會對頁面其他元素的布局產生影響，因此要謹慎使用。