首先需要了解的是，CSS背景圖是無法直接自動撐開高度的。不過，我們可以通過一些方法來達到這個效果。
一、使用背景圖尺寸為100%的CSS
通過下面這種方法，可以讓背景圖始終鋪滿整個容器。這樣就可以隨著容器高度的增加，自動撐開背景圖。

.container{
background-image: url(bg.jpg);
background-size: 100% 100%;
}

二、使用padding方式
如果需要在容器中添加一些垂直方向的內邊距，可以通過使用padding來實現(xiàn)自動撐開背景圖的效果。

.container{
background-image: url(bg.jpg);
padding: 20px;
}

三、使用偽元素
通過使用偽元素，可以將背景圖作為容器的一部分來處理。這樣就可以讓容器的高度隨著背景圖的高度自動調整了。

.container{
position: relative;
}
.container:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(bg.jpg);
background-size: cover;
z-index: -1;
}

以上就是實現(xiàn)CSS背景圖高度自動撐開的三種方法，根據(jù)不同的需求可以選擇不同的方法來實現(xiàn)。希望對大家有所幫助。