浮動（Float）是CSS中一種重要的布局方式。它可以讓元素在其容器內脫離文檔流，實現元素之間的調整和位置的浮動。下面是一些基本的CSS代碼示例來實現浮動。

.float-left {
float: left;
}
.float-right {
float: right;
}
.clear { 
clear: both;
}

上面的代碼中，.float-left和.float-right類實現了元素向左和向右浮動的功能。使用這些類將元素浮動到相應的位置：

<div class="float-left">
<p>這是向左浮動的文本。</p>
</div>
<div class="float-right">
<p>這是向右浮動的文本。</p>
</div>

在浮動元素中，.clear類可以用來清除浮動。在使用浮動元素后，添加<div class="clear"></div>將會清楚下方元素的浮動效果，使得下方元素回到文檔流中。

<div class="float-left">
<p>這是向左浮動的文本。</p>
</div>
<div class="float-right">
<p>這是向右浮動的文本。</p>
</div>
<div class="clear"></div>
<p>這是浮動元素下面的通常文本。</p>

總的來說，浮動是CSS布局非常強大的一種方式，可以靈活地對頁面進行排版和布局。當然，在使用浮動時，一定要注意元素的位置和樣式，以避免出現不必要的布局問題。