在CSS中，我們可以使用position屬性將盒子浮動到圖片上。position屬性有四種值：static、relative、absolute和fixed。absolute值可以將盒子固定在圖片上，而relative值可以將盒子相對于圖片進行定位。

要將盒子浮動到圖片上，我們可以先將圖片的position屬性設置為relative，然后將盒子的position屬性設置為absolute，并指定盒子的top、left、right和bottom屬性，使其與圖片的邊緣對齊。

假設我們有一個圖片元素和一個盒子元素，它們的HTML代碼如下：

<img id="myImage" src="myImage.png" style="position: relative;">
<div id="myBox" style="position: absolute; top: 0; left: 0; right: 0; bottom: 0;">
  This is my box.
</div>

在這個例子中，我們將圖片元素的position屬性設置為relative，并將盒子元素的position屬性設置為absolute，我們將盒子的四個屬性（top、left、right和bottom）都設置為0，使其與圖片的邊緣對齊。

這樣，當頁面加載時，盒子就會浮動到圖片上，并與圖片的邊緣緊密貼合，我們可以根據(jù)需要調(diào)整盒子的樣式和內(nèi)容，以滿足不同的需求。