在网页设计中，浮动是重要的布局方式之一。它允许我们将元素从文档的正常流中移出，并且让这些元素可以悬浮在页面的其他元素之上。

在 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 的盒子，将其左浮，然后在该盒子下面放置了一个段落元素。因为浮动盒子占用了文档流中的位置，所以段落文字流将被重新生成并排在盒子之后。

这种技巧可以被用来实现各种复杂的布局效果，但需要注意的是，浮动会使得盒子脱离文档流，从而可能导致一些样式上的问题。同时，浮动的元素可能会对页面其他元素的布局产生影响，因此要谨慎使用。