在頁面設(shè)計中，圖片是不可或缺的元素，但它常常會受到div尺寸限制，無法占據(jù)整個div。下面我們介紹一種使用CSS讓圖片占滿整個div的方法。

div {
position: relative;
overflow: hidden;
}
img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
min-width: 100%;
min-height: 100%;
}

首先，我們將父元素div設(shè)置為相對定位，以便接下來絕對定位的子元素img能以div為參照物。其次，我們將父元素的overflow屬性設(shè)置為hidden，這樣子元素溢出的部分就會被隱藏。接著，我們對子元素img進(jìn)行絕對定位，從而讓它不受其他元素的干擾。使用top:50%和left:50%將圖片定位到div的中心，同時使用transform屬性將它向上和向左移動50%的距離，從而實現(xiàn)垂直居中和水平居中。最后，我們使用min-width:100%和min-height:100%分別將圖片的最小寬度和最小高度設(shè)置為100%，從而讓它始終占據(jù)整個div。

上述CSS代碼可以讓圖片始終占據(jù)整個div，但有時候圖片會被拉伸或者變形。為了避免這個問題，我們可以使用object-fit屬性。

img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
object-fit: cover;
}

這段代碼的主要區(qū)別在于使用了object-fit屬性，它可以讓圖片按照某種方式適應(yīng)容器。我們將它的值設(shè)置為cover，表示將圖片等比例縮放，直到它能完全覆蓋容器。

總之，使用CSS讓圖片占滿整個div并不困難。你可能需要根據(jù)實際情況對代碼進(jìn)行微調(diào)，但上述方法可以幫你入門。