CSS可以很容易地設置浮動圖片的大小，使圖片在網站布局中更加美觀。下面是一個簡單的CSS設置浮動圖片大小的例子。 首先，我們先要為圖片設置一個class，這樣才能在CSS中應用樣式。為這個圖片添加一個class名為"float-image"，代碼如下：

<img src="your_image.jpg" alt="Your Image" class="float-image">

接下來，在我們的CSS樣式表中添加以下代碼，用于設置浮動圖片的大小和位置：

.float-image {
float: left;
margin-right: 20px;
width: 300px;
height: 200px;
}

解釋一下這段代碼。首先，我們使用了浮動屬性"float: left;"將圖片向左浮動。然后，我們設置了圖片右邊的margin為20像素，讓圖片和其他網頁元素之間有一些空白的距離。接下來，設置了圖片的寬度為300像素，高度為200像素。這樣，我們就成功地設置了浮動圖片的大小！ 當然，我們可以根據圖片的實際大小來自定義圖片的寬度和高度。同時，我們也可以更改圖片的浮動位置，只需要將"float: left;"更改為"float: right;"就可以將圖片向右浮動了。 總之，CSS設置浮動圖片大小非常簡單，只需要幾行代碼即可達到不錯的效果。嘗試一下吧！