CSS 中的overflow屬性可以設(shè)置元素溢出內(nèi)容的處理方式。對(duì)于圖片容器而言，我們可以設(shè)置元素的overflow-x屬性為hidden，使圖片在水平方向上超出容器范圍的部分被隱藏。

img {
width: 200px;
height: auto;
}
.container {
width: 100px;
height: 100px;
overflow-x: hidden;
}

在上述代碼中，我們將圖片的寬度設(shè)置為 200 像素，高度自適應(yīng)。圖片容器的寬高分別為 100 像素，并設(shè)置了overflow-x: hidden屬性。

當(dāng)圖片寬度超出容器范圍時(shí)，隨著瀏覽器寬度的變窄，圖片將會(huì)被逐漸隱藏。

如果想要對(duì)豎直方向進(jìn)行類似的處理，可以將overflow-y屬性設(shè)置為hidden。

.container {
width: 100px;
height: 100px;
overflow-y: hidden;
}

當(dāng)然，如果需要同時(shí)對(duì)兩個(gè)方向進(jìn)行處理，可以直接使用overflow: hidden屬性。

.container {
width: 100px;
height: 100px;
overflow: hidden;
}

這樣就能很好地實(shí)現(xiàn)圖片在容器內(nèi)兩端溢出內(nèi)容的隱藏了。