CSS 是一種很強大的語言，可以用來控制網頁的樣式。其中，圖片的超出部分顯示也可以通過 CSS 的方式來實現。本文將介紹 CSS 中的 overflow 屬性來控制圖片的超出部分的顯示。 首先，我們先來看一個簡單的例子。下面的代碼中，我們采用了 img 標簽來插入一張圖片，但是該圖片的寬度超出了其所在的容器的寬度，導致圖片的部分內容被隱藏掉了。 ```html

``` 為了讓圖片的超出部分顯示出來，我們可以通過給圖片所在的容器添加 overflow 屬性來實現。overflow 屬性有以下幾種取值： - visible：默認值。內容不會被修剪，會呈現在元素框的外邊； - hidden：內容會被修剪，并且其余內容是不可見的； - scroll：內容會被修剪，但是瀏覽器會顯示滾動條以便查看其余的內容； - auto：如果內容被修剪，則瀏覽器會顯示滾動條以便查看其余的內容。 下面我們將使用 CSS 的 overflow 屬性來控制圖片部分內容的顯示。代碼如下： ```html

``` 在上面的代碼中，我們通過添加 .container 類來控制圖片所在的容器。我們設置了容器 .container 的寬度和高度都為 200 像素，overflow 屬性為 scroll，表示當內容超出容器時，瀏覽器會顯示滾動條以便查看其余的內容。 我們還設置了圖片的寬度為 400 像素，這樣就超出了容器的寬度?，F在，我們運行該代碼，就可以看到圖片的超出部分被顯示出來了，并且還可以通過滾動條來查看其余的內容。 通過對 overflow 屬性的調整，我們可以輕松地控制圖片的部分內容的顯示。這樣就能夠更好地展示圖片，并且可以提高用戶體驗。