CSS浮動是Web開發中非常常見的一種布局方式，通過將元素浮動到頁面的左側或右側，來實現頁面元素的布局。以下是一個簡單的CSS浮動小實例：

<div style="float:left; width:200px;">
<p>這是左側浮動的區域</p>
<img src="image.jpg" alt="圖片" />
</div>
<div style="float:right; width:200px;">
<p>這是右側浮動的區域</p>
<img src="image.jpg" alt="圖片" />
</div>
<div style="clear:both;"></div>

在這個例子中，我們使用了兩個div元素，分別對左側和右側的區域設置了浮動樣式，并設置了寬度。這樣，這兩個區域就會浮動到頁面的左側和右側，并在同一行顯示。

在最后一個div元素設置了清除浮動樣式。這是因為，如果不設置清除浮動樣式，其他元素可能會受到浮動元素的影響，導致頁面布局出錯。

通過使用CSS浮動，我們可以很容易地實現頁面布局的靈活性和多樣性，但是在使用時需要注意浮動元素對其他元素的影響，以及正確設置清除浮動樣式。