CSS背景圖是我們在網(wǎng)頁設(shè)計中經(jīng)常用到的一個元素。不過，有時候我們會遇到一個問題：當背景圖過寬時，它會超出屏幕寬度而無法完全顯示。那么如何解決這個問題呢？

首先，我們可以使用CSS的background-size屬性來解決這個問題。這個屬性可以控制背景圖的大小，我們可以將其設(shè)置為cover或contain來讓背景圖自適應屏幕寬度。比如：

background-size: cover;//鋪滿整個屏幕
background-size: contain;//在屏幕內(nèi)完全顯示

另外，我們還可以通過CSS的background-position屬性來調(diào)整背景圖的位置。我們可以將其設(shè)置為center來讓背景圖居中或者使用百分比值來控制其位置。比如：

background-position: center;
background-position: 50% 0;

當然，如果以上方法都不能完全解決問題，我們還可以考慮在背景圖周圍增加一些空白區(qū)域，這樣即使背景圖超出屏幕寬度，也不會影響整個頁面的布局。比如：

background-image: url(bg.jpg);
background-position: top center;
background-repeat: no-repeat;
padding: 20px;

總之，通過以上幾種方法，我們可以很好地解決背景圖超出屏幕寬度的問題。同時，在實際應用中，我們還需要根據(jù)具體情況進行選擇和調(diào)整，以達到最佳效果。