在 CSS 中，我們可以通過 background-image 屬性設置盒子的背景圖像，如下所示：

.box {
background-image: url('https://www.example.com/bg.jpg');
}

默認情況下，盒子的背景圖像會被縮放以適應盒子的大小。但是，如果背景圖像的實際尺寸大于盒子的大小，則背景圖像將超出盒子的范圍。這可能會導致頁面發生不必要的滾動。

為了解決這個問題，我們可以使用 background-size 和 background-position 屬性來控制背景圖像的大小和位置，如下所示：

.box {
width: 400px;
height: 200px;
background-image: url('https://www.example.com/bg.jpg');
background-size: cover;
background-position: center;
}

在這個示例中，我們設置了盒子的寬度和高度，并使用了 cover 值來縮放背景圖像，這將使背景圖像始終填滿整個盒子。同時，我們使用了 center 值來使背景圖片在盒子中居中對齊。

通過使用這些屬性，我們可以輕松地控制背景圖像的大小和位置，從而避免出現不必要的滾動條。