在使用 CSS 布局時，經常會遇到圖片溢出的問題，特別是當圖片的寬度大于父容器的寬度時。如何處理這種情況呢？

img {
max-width: 100%;
height: auto;
}

為了解決這個問題，我們可以使用以下的 CSS 代碼：

img {
max-width: 100%;
height: auto;
}

這個 CSS 規則的作用是設置圖片的最大寬度為其父容器的寬度，并保持其高度自動調整以保持圖片比例不變。這樣就能夠防止圖片溢出其父容器，同時又能保持圖片的比例不變。

需要注意的是，這個 CSS 規則只對設置了固定寬度的父容器有效。如果父容器的寬度是自適應的，那么圖片可能會超出其寬度。在這種情況下，我們可以考慮使用 CSS Flexbox 或 CSS Grid 等布局技術來解決這個問題。

另外，如果圖片需要實現水平滾動效果，我們可以使用 overflow-x 屬性來設置其父容器的水平滾動。例如：

.container {
overflow-x: auto;
}

以上就是關于 CSS 圖片溢出水平的介紹，希望對您有所幫助。