CSS浮動是一種布局方式，它可以讓元素脫離普通文檔流，向左或向右浮動，直到遇到父元素或浮動元素為止。在浮動元素之后的文本和其他元素則會流動到浮動元素周圍。

浮動不僅可以應用于圖像和塊級元素，也可以應用于文本。當一個段落中的某一部分內容被設置成浮動，它會脫離文檔流，其他文本則會圍繞它流動。

<p> 這是一段帶有浮動元素的文本 </p>
<p> <img src="example.jpg" alt="示例圖像" style="float: left;">
這是一只可愛的小貓咪，它很喜歡吃飯和睡覺。其他的文本將被包圍在圖片周圍。
</p>

需要注意的是，浮動元素會影響文本的排布。如果沒有清除浮動，將很可能造成其他元素的布局錯位。因此，我們通常需要在容器元素的末尾清除浮動。

<div class="clearfix"> 
<img src="example.jpg" alt="示例圖像" style="float: left;">
<p> 這是一只可愛的小貓咪，它很喜歡吃飯和睡覺。其他的文本將被包圍在圖片周圍。</p>
</div>
<style>
.clearfix:after {  
content: "";  
display: block;  
clear: both;  
}  
</style>

通過正確使用浮動和清除浮動，可以實現多種不同的布局效果。但是，需要謹慎使用浮動，以免造成布局混亂或瀏覽器兼容性問題。