CSS浮動性質是一種用于布局網頁元素的屬性。它允許我們將元素從文檔流中移動，使它們可以與其他元素并排放置。

在CSS中，使用float屬性來設置浮動。該屬性可以設置為left、right和none三種值中的一種。當設置為left或right時，元素將向左或向右浮動，直到其邊緣觸碰到其父元素或其他浮動元素的邊緣。

在下面的示例中，我們使用了兩個div元素，分別設置了float:left和float:right屬性。這使它們并排放置。

<div style="float:left; width:50%;">
<p>這是第一個div元素</p>
</div>
<div style="float:right; width:50%;">
<p>這是第二個div元素</p>
</div>

由于浮動元素從文檔流中移動，因此會影響周圍元素的布局。在上述示例中，我們將父元素的寬度設置為100%，以確保其包含兩個浮動元素。

可以使用clear屬性來克服浮動元素對其他元素的影響。當設置為left、right或both時，它將清除前面的浮動元素，從而使后面的元素不受其影響。

<div style="float:left; width:50%;">
<p>這是第一個div元素</p>
</div>
<div style="float:right; width:50%;">
<p>這是第二個div元素</p>
</div>
<div style="clear:both;"></div>

以上是CSS浮動性質的一些基本概念和用法。希望這篇文章能夠幫助您更好地理解和應用浮動屬性。