CSS中的浮動(dòng)可以使元素相對(duì)于其父元素進(jìn)行定位，其中包括圖片，可以通過(guò)向下或者向右浮動(dòng)來(lái)達(dá)到不同的布局效果。

如果要讓圖片向下浮動(dòng)，可以通過(guò)設(shè)置CSS的float屬性為left或right，然后使用margin屬性來(lái)調(diào)整圖片與周?chē)刂g的距離。例如：

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

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

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

這樣就可以讓圖片向右浮動(dòng)，并且在左側(cè)留出20像素的空間。

除了單個(gè)圖片之外，還可以通過(guò)將多個(gè)圖片進(jìn)行浮動(dòng)來(lái)實(shí)現(xiàn)更復(fù)雜的布局效果。例如，可以將多個(gè)圖片水平排列：

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

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

總的來(lái)說(shuō)，CSS的浮動(dòng)可以幫助我們輕松實(shí)現(xiàn)各種各樣的布局效果，特別是圖片的浮動(dòng)效果在網(wǎng)頁(yè)中十分常見(jiàn)，掌握這一技巧可以讓頁(yè)面的排版更加美觀。