CSS中，我們可以通過(guò)定位來(lái)決定圖像與DIV元素的位置關(guān)系。在Web開(kāi)發(fā)中，圖像所占的位置及其與其他元素的相對(duì)位置非常重要。通過(guò)CSS的幾種定位方式，來(lái)實(shí)現(xiàn)圖像相對(duì)DIV位置的效果。

首先，我們可以使用相對(duì)定位（relative）來(lái)控制圖像相對(duì)于DIV元素的位置。當(dāng)我們?yōu)閳D像設(shè)置相對(duì)定位時(shí)，圖像會(huì)相對(duì)于其原始位置向上或向下，向左或向右移動(dòng)，但元素并沒(méi)有在文檔流中脫離，依然占據(jù)原始位置。

img {
position: relative;
left: 50px;
top: 50px;
}

其次，我們可以使用絕對(duì)定位（absolute）來(lái)控制圖像的位置。當(dāng)我們?yōu)閳D像設(shè)置絕對(duì)定位時(shí)，該元素相對(duì)于離它最近的定位后的祖先元素進(jìn)行絕對(duì)定位。如果沒(méi)有符合條件的祖先元素，那么它將相對(duì)于文檔的 body 元素，形成絕對(duì)定位。

div {
position: relative;
}
img {
position: absolute;
left: 50px;
top: 50px;
}

最后，我們可以使用固定定位（fixed）來(lái)控制圖像的位置。當(dāng)我們?yōu)閳D像設(shè)置固定定位時(shí)，該元素會(huì)相對(duì)于瀏覽器窗口進(jìn)行定位。這種定位方式常常用于網(wǎng)站的導(dǎo)航欄等元素，可以讓這些元素一直顯示在窗口的某個(gè)位置。

img {
position: fixed;
left: 50px;
top: 50px;
}

總之，通過(guò)CSS的定位方式，我們可以實(shí)現(xiàn)更加靈活的圖像布局效果，并且可以根據(jù)實(shí)際需要進(jìn)行調(diào)整。當(dāng)我們需要改變圖像的位置時(shí)，只需要修改一下定位方式和對(duì)應(yīng)的屬性值即可。