CSS中我們常常需要將圖片放入一個指定大小的div中展示，但是如果圖片的大小超過了div的大小，就會出現圖片被裁剪或者超出div的情況。接下來我們就來看看如何解決這個問題。

div{
width: 300px;
height: 300px;
overflow: hidden;   /*隱藏超出div部分*/
}
img{
width: 100%;        /*讓圖片寬度等同于div寬度*/
height: auto;       /*高度自適應確保圖片不被壓縮*/
}

使用以上代碼，我們就可以讓圖片在超出div部分被隱藏，同時寬度等同于div寬度，高度自適應。

如果我們希望圖片完整地顯示在div中間，而不是只顯示中間部分，我們可以使用background-image屬性。

div{
width: 300px;
height: 300px;
background-image: url(image.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}

這里我們使用的background-image屬性讓圖片作為div的背景，background-repeat屬性避免了背景圖片重復，background-position屬性讓圖片在div中間顯示，background-size屬性確保整個圖片在div內，不被拉伸變形。

以上就是關于CSS圖片超出div的解決方案，希望對大家有所幫助。