在 CSS 中，有時(shí)候會(huì)遇到一些圖片超出包含它們的容器的情況。在這種情況下，我們可以使用 “overflow:hidden” 屬性來隱藏超出容器的圖片。

讓我們來看一個(gè)例子，容器的寬度和高度分別為100px。如果圖片的大小大于容器的大小，則圖片會(huì)被裁剪，并在容器內(nèi)合適的位置顯示。以下是代碼示例：

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

在上面的示例中，圖片的大小為150px x 150px，而容器的大小為100px x 100px。由于容器設(shè)置了 “overflow:hidden” 屬性，因此圖片被裁剪，并只顯示了容器內(nèi)適當(dāng)?shù)牟糠帧?/p>

除了使用 “overflow:hidden” 屬性之外，還有一些其他的方法可以隱藏超出容器的圖片。例如，可以使用 “clip-path” 屬性或者使用 CSS 3 中的 mask 屬性。但是，在大多數(shù)情況下，“overflow:hidden” 屬性是最常用的方法，因?yàn)樗恍枰~外的 CSS 或者圖片文件。