CSS中的浮動可以使元素相對于其父元素進行定位，其中包括圖片，可以通過向下或者向右浮動來達到不同的布局效果。

如果要讓圖片向下浮動，可以通過設置CSS的float屬性為left或right，然后使用margin屬性來調整圖片與周圍元素之間的距離。例如：

img {
float: left;
margin-right: 20px;
}

這樣就可以讓圖片向左浮動，并且在右側留出20像素的空間。如果要讓圖片向右浮動，則將float屬性設置為right即可：

img {
float: right;
margin-left: 20px;
}

這樣就可以讓圖片向右浮動，并且在左側留出20像素的空間。

除了單個圖片之外，還可以通過將多個圖片進行浮動來實現更復雜的布局效果。例如，可以將多個圖片水平排列：

img {
float: left;
margin-right: 20px;
}

這樣可以讓多個圖片向左浮動，并且在每個圖片之間留出20像素的空間。

總的來說，CSS的浮動可以幫助我們輕松實現各種各樣的布局效果，特別是圖片的浮動效果在網頁中十分常見，掌握這一技巧可以讓頁面的排版更加美觀。