背景圖溢出是網頁設計中的一種常見問題，特別是在使用CSS背景圖的情況下。當背景圖的大小超出了網頁的寬度時，就會導致背景圖溢出，使頁面布局變得不美觀。

解決這個問題的方法有很多種，其中一種簡單的方法是使用CSS的background-size屬性，它提供了三個值：

1. cover(覆蓋)：這個值表示背景圖應該完全覆蓋網頁的內容。如果背景圖的寬度小于網頁的寬度，那么背景圖就會溢出。

2. contain(包含)：這個值表示背景圖應該包含網頁的內容，但是不會超出網頁的寬度。如果背景圖的寬度大于網頁的寬度，背景圖也不會超出網頁的范圍。

3. fit(合適)：這個值表示背景圖應該與網頁的內容相得益彰，不會溢出。如果背景圖的寬度大于網頁的寬度，那么背景圖就會在網頁內容的邊緣溢出，但是不會超出網頁的寬度。

使用 cover 值時，背景圖會完全覆蓋網頁的內容，會導致頁面布局不美觀。使用 contain 值時，背景圖會包含網頁的內容，但是不會超出網頁的寬度，適合一些較小的背景圖。使用 fit 值時，背景圖會與網頁的內容相得益彰，不會溢出，適合一些較小的背景圖和中等大小的網頁。

在實際應用中，可以根據背景圖的大小和網頁的寬度，選擇合適的背景圖大小和CSS屬性。如果背景圖較大或網頁較寬，可以使用 cover 或 contain 值；如果背景圖較小或網頁較窄，可以使用 fit 值。

通過使用CSS的background-size屬性，可以輕松地解決背景圖溢出的問題，使網頁布局更加美觀。