CSS背景底對齊是指背景圖像的底部與容器的底部對齊，這個應用廣泛于設計網站中。不過在實際使用中，我們發現有些問題：當我們設置不重復的背景圖像，如果容器高度小于背景圖像高度時，背景圖像只能頂到容器頂部，而無法底對齊。

.container {
height: 200px;
background-image: url(bg.jpg);
background-position: left bottom; /* 底對齊 */
background-repeat: no-repeat; /* 不重復 */
}

以上代碼中，我們設置了容器的高度為200px，背景圖像為bg.jpg，且不重復。但如果背景圖像高度大于200px時，我們就會發現它并不是底對齊的。這是因為background-position只控制了背景圖像的位置，它并不會改變其大小。解決這個問題只需要添加background-size屬性即可：

.container {
height: 200px;
background-image: url(bg.jpg);
background-position: left bottom; /* 底對齊 */
background-repeat: no-repeat; /* 不重復 */
background-size: 100% auto; /* 圖片寬度占滿容器，高度自適應 */
}

在上面的代碼中，我們添加了background-size屬性，將其設置為100% auto，表示將圖片的寬度占滿容器，高度自適應。這樣無論容器高度如何，背景圖像都能底對齊了。

不過需要注意的是，background-size是CSS3屬性，不是所有瀏覽器都支持，需要根據實際情況進行兼容性處理。