在網頁設計中，圖片是非常重要的元素。但是，有時候我們并不能完全滿足于圖片原有的位置，需要對其位置進行調節。這時候，就需要用到CSS的圖片定位技巧了。 圖片定位是通過CSS中的position屬性來實現的。position屬性有4種值：static、relative、absolute和fixed。其中，static是默認值，不需要設置。relative是以元素本身為基準進行定位，可以用top、bottom、left和right屬性進行相對偏移。absolute是以離它最近的父元素為基準進行定位，也可以用top、bottom、left和right屬性進行相對偏移。fixed是固定定位，以瀏覽器窗口為基準進行定位，無需設置參照。 我們可以通過以下代碼實現圖片相對偏移定位：

img {
position: relative;
top: 10px;
left: 20px;
}

這段代碼表示將圖片向下偏移10像素，向右偏移20像素。同樣，我們也可以用absolute屬性實現圖片相對父元素的絕對定位：

div {
position: relative;
}
img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

這段代碼表示將圖片相對于父元素垂直居中、水平居中。其中，top和left值都為50%，transform屬性是為了讓圖片在垂直和水平方向上都居中。 最后，我們還可以用fixed屬性實現固定定位的圖片（也可以理解為懸浮框）：

img {
position: fixed;
top: 20px;
right: 20px;
}

這段代碼表示將圖片固定在瀏覽器窗口的右上角，距離瀏覽器窗口頂部20像素，距離瀏覽器窗口右側20像素。 總之，通過使用CSS的圖片定位技巧，我們可以輕松地實現圖片位置的調節，使網頁設計更加靈活多樣。