CSS背景自適應(yīng)填充div，是一個非常常見的問題。有時候我們想要一個整個div的背景被填滿，但是背景圖片或者顏色的大小并不一定能夠完美的匹配div的尺寸。幸好，有一些技巧可以讓我們實現(xiàn)這個目標。

.div {
background-image: url("bg-image.jpg");
background-size: cover;
background-position: center;
}

上面就是一種簡單的方法，可以使用CSS中的background-size屬性，將背景圖片縮放并填充整個div。同時，background-position屬性可以讓圖片的位置在div中居中對齊。

.div {
background-image: url("bg-image.jpg");
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}

如果你希望圖片按比例縮放后仍能夠完整顯示，你也可以使用contain屬性。此時，圖片將縮放到最大，同時能夠完整顯示在div中，但不一定填充整個div。為了保證背景的完整性，我們可以將background-repeat屬性設(shè)置為no-repeat，避免圖片重復。

.div {
background-color: #f1f1f1;
background-image: url("bg-image.jpg");
background-repeat: repeat-y;
background-size: auto 100%;
background-position: left top;
}

如果你想要一個顏色和圖片背景混合，你可以將兩個屬性同時設(shè)置。同時，你可以使用repeat-y讓背景圖片在豎直方向上重復。我們使用auto 100%讓背景自適應(yīng)寬度和高度，位置參數(shù)為left top。

不同的場景和需求可能需要不同的CSS技巧來實現(xiàn)背景的自適應(yīng)填充，你可以根據(jù)實際情況調(diào)整屬性值，以達到最好的效果。