在網頁中，常常需要將一張圖片放在一個div中，讓圖片充滿整個div，但是圖片又不能拉伸變形。這時候我們可以使用CSS來實現這個效果。

div{
position: relative;  //相對定位
width: 300px;
height: 200px;
overflow: hidden;
}
img{
position: absolute;  //絕對定位
top: 50%;
left: 50%;
transform: translate(-50%, -50%);  //將圖片居中
width: auto;
height: 100%;  //高度100%，寬度自適應
}

讓我們來看一下上面的代碼怎么實現的：

首先，我們定義了一個div元素，設置它的寬度為300px，高度為200px，并將overflow設為hidden，這樣圖片就不會超過這個div的大小。

接著，我們定義了一個img元素，并將它的position屬性設置為absolute，這樣它就可以根據父元素進行定位。top和left值為50%，這代表圖片的中心點要和父元素的中心點對齊。transform屬性的translate函數將圖片向上和向左移動50%，這樣圖片就能完全放到div里面了。width屬性設為auto，表示寬度根據圖片的比例自適應，height屬性設為100%，表示圖片的高度要充滿整個div。

這樣我們就能讓一張圖片充滿整個div了。