解决这个问题的方法有很多种，其中一种简单的方法是使用CSS的background-size属性，它提供了三个值：
1. cover(覆盖)：这个值表示背景图应该完全覆盖网页的内容。如果背景图的宽度小于网页的宽度，那么背景图就会溢出。
2. contain(包含)：这个值表示背景图应该包含网页的内容，但是不会超出网页的宽度。如果背景图的宽度大于网页的宽度，背景图也不会超出网页的范围。
3. fit(合适)：这个值表示背景图应该与网页的内容相得益彰，不会溢出。如果背景图的宽度大于网页的宽度，那么背景图就会在网页内容的边缘溢出，但是不会超出网页的宽度。
使用 cover 值时，背景图会完全覆盖网页的内容，会导致页面布局不美观。使用 contain 值时，背景图会包含网页的内容，但是不会超出网页的宽度，适合一些较小的背景图。使用 fit 值时，背景图会与网页的内容相得益彰，不会溢出，适合一些较小的背景图和中等大小的网页。
在实际应用中，可以根据背景图的大小和网页的宽度，选择合适的背景图大小和CSS属性。如果背景图较大或网页较宽，可以使用 cover 或 contain 值；如果背景图较小或网页较窄，可以使用 fit 值。
通过使用CSS的background-size属性，可以轻松地解决背景图溢出的问题，使网页布局更加美观。