今天我們來聊聊關于CSS圖片溢出div隱藏的話題。在網頁設計中，我們經常會在一個div中放置圖片。但是有時候，圖片的大小會超出div的邊界，這時候就需要使用CSS來控制圖片的顯示和隱藏。 我們可以使用CSS的overflow屬性來隱藏圖片溢出的部分。overflow屬性可以有以下幾種取值： - visible：默認值。元素不會被剪裁，不會出現滾動條，會導致溢出的內容顯示在元素框外部。 - hidden：元素會被剪裁，溢出的內容將被隱藏。 - scroll：元素會被剪裁，溢出的內容將被隱藏，但是出現滾動條。 - auto：元素會根據需要被剪裁，如果沒有溢出內容就不會出現滾動條，否則會出現滾動條。 我們可以將overflow屬性設置為hidden，這樣就可以隱藏圖片溢出的部分，但是還需要給div設置寬度和高度，否則圖片的大小會撐破整個div。 以下是示例代碼： ```html

原始的div和圖片：

div {
width: 200px;
height: 200px;
border: 1px solid black;
overflow: hidden;
}

設置overflow:hidden的div和圖片：

``` 在上面的代碼中，我們給div設置了寬度和高度，并設置了overflow:hidden，這樣就可以隱藏圖片溢出的部分。 總結一下，我們在網頁設計中經常會使用圖片，但是有時候圖片的大小會超出div的邊界，這時候我們可以使用CSS的overflow屬性來隱藏圖片溢出的部分，讓我們的網頁變得更加美觀和整潔。