CSS圖片上浮是一種常見的網頁布局問題，會導致網頁中圖片無法完全顯示，出現漂浮在頁面上的情況。本文將介紹CSS圖片上浮的原因、解決方法以及注意事項。

CSS圖片上浮的原因是由于圖片的HTML代碼中的“width”和“height”屬性沒有設置正確。當這兩個屬性被設置為“auto”時，它們會自動根據頁面的寬度和高度自適應調整大小，但可能會導致圖片不能完全顯示。如果圖片的寬度和高度超出了頁面的寬度和高度，圖片就會上浮到頁面的頂部或底部。

二、解決方法

要解決這個問題，我們可以使用CSS的“position”屬性來定位圖片。使用“static”狀態時，圖片會固定在當前位置。使用“top”和“right”屬性可以設置圖片的上標和下標位置。使用“bottom”屬性可以設置圖片的下標位置。同時，我們還需要確保圖片的寬度和高度不超過頁面的寬度和高度。

三、注意事項

1. 確保圖片的寬度和高度不超過頁面的寬度和高度。

2. 使用“position: static”狀態時，圖片會固定在當前位置。

3. 使用“top”和“right”屬性可以設置圖片的上標和下標位置。

4. 使用“bottom”屬性可以設置圖片的下標位置。

5. 確保圖片的HTML代碼中的“width”和“height”屬性設置正確。

6. 使用CSS的“overflow”屬性可以清除浮動。

通過以上方法，我們就可以解決CSS圖片上浮的問題，使圖片能夠完全顯示在頁面上。