css背景超出寬度怎麼辦

css背景超出寬度是因為背景圖片過大，其解決方法：先開啟對應的css檔案；然後加入「background-size:100% 100%」或「background-size:contain」樣式，讓背景圖片寬度和高度完全適應內容區域即可。

本教學操作環境：Windows7系統、HTML5&&CSS3版，DELL G3電腦。

建議：css影片教學

css背景圖片超出所設定容器的寬度是因為背景圖片過大。

元素的背景是元素的總大小，包括填充和邊界（但不包括邊距）。預設情況下，背景圖片放置在元素的左上角。

解決方法：

新增background-size: 100% 100%;或background-size:contain;樣式，讓背景圖片的寬度和高度完全適應內容區域。

div{
        background-image: url(images/1.jpg);
       background-size: 100% 100%;
       
}

以上是css背景超出寬度怎麼辦的詳細內容。更多資訊請關注PHP中文網其他相關文章！