最近在使用CSS的時候遇到了一個問題：設(shè)置背景圖片時會出現(xiàn)圖片多出右邊的情況。經(jīng)過一番研究，總結(jié)了以下解決方法。

background: url('example.jpg') no-repeat center center/cover;

以上代碼是設(shè)置背景圖片的常用方式。但在某些情況下，會出現(xiàn)圖片多出右邊的問題。這是因為background-size屬性的默認(rèn)值是auto，即自動適應(yīng)背景圖片原始尺寸，而在不同的設(shè)備上，屏幕的寬度可能會有所不同，這就導(dǎo)致了在某些設(shè)備上，背景圖片的尺寸超出了屏幕的寬度。

解決方法如下：

background-size: 100% auto;

將背景圖片的width設(shè)置為100%，這樣背景圖片的寬度就能夠適應(yīng)屏幕的寬度，不會出現(xiàn)多出右邊的情況。

有時候，當(dāng)使用linear-gradient設(shè)置背景色時，也會出現(xiàn)類似的問題。解決方法如下：

background: linear-gradient(to right, #fff, #000) 0 0/100% 100% no-repeat;

將背景色的寬度設(shè)置為100%。

總之，當(dāng)出現(xiàn)背景圖片或背景色多出右邊的情況時，可以簡單地將寬度設(shè)置為100%即可解決。