CSS是前端開發(fā)中非常重要的一部分，可以用來設置網頁的樣式。其中，div是常用的HTML元素之一，可以用來對頁面進行布局。而在布局的過程中，固定圖片也是常見的需求之一。下面就來介紹一下如何使用CSS中的div來固定圖片。

首先，在HTML中，需要先將圖片嵌套到一個div元素中。代碼如下：

<div class="image-container">
<img src="image.jpg">
</div>

可以看到，這里給div添加了一個class屬性，取名為“image-container”。這個class屬性可以用來在CSS中進行樣式設置。

接下來，在CSS中，我們需要設置這個div元素的樣式，來實現固定圖片的效果。代碼如下：

.image-container {
position: relative;
width: 100%;
height: 400px;
}
.image-container img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
max-width: 100%;
max-height: 100%;
}

在這里，首先給“image-container”這個div元素設置了寬度和高度，并使用相對定位（position: relative）來定位這個元素。

接下來，我們給圖片（img）設置了絕對定位（position: absolute）。然后，通過設置top、left、right和bottom屬性，讓圖片占據整個div元素的位置。同時，我們給圖片設置了margin:auto屬性，讓它在div元素內居中顯示。最后，通過max-width和max-height屬性，限制圖片的最大寬度和最大高度，以保證它能夠自適應不同的設備屏幕。

到這里，我們就完成了使用CSS中的div固定圖片的過程。通過這種方式，可以讓圖片始終保持在固定的位置，并且不會隨著頁面的滾動而移動。