在網頁設計中，布局是非常重要的一環，而圖片的布局也是其中不可或缺的一部分。CSS提供了許多圖片布局的方法，其中浮動布局是比較常用的一種。浮動布局可以讓圖片按照自己的大小和位置來布局，自由度較高，也能夠自適應不同的屏幕尺寸。

img{
float: left;  /* 圖片向左浮動 */
margin: 0 10px 10px 0;  /* 圖片與其他元素的距離 */
}

上面的代碼中，我們將img元素的float屬性設置為left，這樣圖片就會向左浮動。同時，我們還設置了圖片與其他元素的距離，可以根據實際情況進行調整。

如果需要讓多個圖片按照一定的規律來布局，也可以采用類似于瀑布流的方式，設置每個圖片的位置和大小，如下：

img{
float: left;
width: 200px;
height: auto;
margin: 10px;
}
img:nth-child(2n){  /* 第2n個圖片 */
margin-right: 0;  /* 右側邊距為0 */
}

在這個例子中，我們設置每個圖片的寬度為200px，高度按照比例自適應。同時，我們還利用了偽類選擇器:nth-child(n)來選擇每個圖片的位置，使得每兩個圖片的右側邊距為0。

通過浮動布局，可以實現各種各樣的圖片布局效果，例如橫向排列、縱向排列、瀑布流布局等等。只需要根據實際需求進行設置，就可以創建出漂亮實用的網頁設計。