CSS圖片浮動是一種常見的網頁排版方式，它可以使多張圖片在同一行內顯示，讓頁面更加美觀。不過，有時候會遇到圖片浮動無上邊距的問題，如何解決呢？ 首先，我們來看一下常見的圖片浮動代碼：

.img{
float:left;
margin-right:10px;
}

上述代碼可以讓圖片向左浮動，并且在圖片右側留出10像素的空白，以便與其它元素排列。 但是，在某些情況下，圖片會無法與上面的元素產生正確的距離，出現浮動無上邊距的情況。這是因為浮動元素脫離了文檔流，導致上方的元素與其之間的距離不再被計算。 為了解決這個問題，我們可以繼續調整代碼，加入一個清除浮動的代碼段，如下所示：

.img{
float:left;
margin-right:10px;
}
.clear-fix:after{
content:".";
display:block;
visibility:hidden;
clear:both;
height:0;
}

在上述代碼中，我們添加了一個.clear-fix類，并在其后添加了一個:after偽元素。這個偽元素的作用是在.clear-fix元素內部添加一個看不見的塊級元素，將其清除浮動，防止多個浮動元素之間互相影響。 經過這樣的調整，我們就可以實現固定圖片與上方元素之間的距離，避免圖片浮動無上邊距的情況了。 綜上所述，CSS圖片浮動是一種實用的頁面排版方法，但是需要注意清除浮動，避免出現距離上方元素不正常的情況。