如果您正在學習CSS，那么您可能會經常遇到需要在頁面中浮動圖片的需求。在進行這個過程之前，您需要了解一些基本的CSS知識。

首先，您需要使用一個包含圖片的HTML元素，并將其設置為浮動。例如，下面的HTML代碼將一個img元素設置為左對齊浮動：

<img src="image.jpg" style="float:left;">

接下來，為了確保其他元素不與圖片重疊，您需要為其設置一個右邊距：

<img src="image.jpg" style="float:left; margin-right:10px;">

如果您需要將圖片居中浮動，而不是左對齊浮動，您可以使用以下CSS代碼：

<img src="image.jpg" style="display:block; margin:0 auto;">

這將設置圖片為塊級元素，并將其水平居中。

最后，如果您需要為浮動圖片添加邊框或其他樣式，您可以使用常規的CSS樣式設置。例如，下面的CSS代碼為浮動圖片添加一個1像素的邊框和10像素的內邊距：

img {
float:left;
margin-right:10px;
border:1px solid #000;
padding:10px;
}

總之，如果您想要在HTML頁面中浮動圖片，您需要掌握基本的CSS知識，包括如何將元素浮動以及如何添加樣式。