CSS中的小圖片浮動是網頁設計中非常重要的一項技能，通過設置圖片的浮動屬性可以使網頁看起來更加美觀，操作也非常簡單易懂。

img {
float: left; /*設置圖片向左浮動*/
margin-right: 10px; /*設置圖片與其他元素之間的距離*/
}

在上述代碼中，我們設置了圖片浮動的方向以及圖片與其他元素之間的距離。

如果需要調整圖片浮動的方向，只需要將代碼中的left改為right即可。

img {
float: right; /*設置圖片向右浮動*/
margin-left: 10px; /*設置圖片與其他元素之間的距離*/
}

在使用圖片浮動時，還需要考慮其對父元素的影響。如果浮動的圖片沒有被清除浮動，可能會導致父元素的高度塌陷，從而影響頁面的展示效果。

為了避免浮動圖片對父元素的影響，我們可以添加一個帶有clear屬性的空元素，將其放置在浮動元素的后面，用于清除浮動狀態。

.clearfix::after {
content: "";
display: block;
clear: both;
}

以上代碼為清除浮動的通用樣式代碼，將其應用于父元素即可避免浮動元素對父元素造成的影響。

在使用浮動圖片時，我們需要注意元素的位置與大小，以及浮動方向和清除浮動等相關屬性，只有這樣才能實現一個美觀且穩定的網頁設計。