css背景图片超出所设置容器的宽度是因为背景图片过大。
元素的背景是元素的总大小，包括填充和边界（但不包括边距）。默认情况下，背景图片放置在元素的左上角。
解决方法：
添加background-size: 100%;或者background-size:contain;样式，让背景图片的宽度和高度完全适应内容区域。
div{
background-image: url(images/1.webp);
background-size: 100%;
}更多web前端自学知识，请查阅 HTML中文网 ！！
以上就是css背景图片怎么超出容器的宽度？的详细内容，更多请关注易知道|edz.cc其它相关文章！
