在網頁制作中，常常使用CSS來調整圖片的位置。但是有時候我們會發現圖片無法被CSS正確調整位置，這是為什么呢？

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

可能大家會這樣使用CSS調整圖片的位置，但是發現該CSS代碼并沒有生效，圖片依舊在頁面中待在原來的位置。這是因為，圖片本身是一個內聯元素，而內聯元素的position屬性會被忽略。我們需要將圖片設置為塊級元素才能夠正確的調整它的位置。

img{
display: block;
position: relative;
left: 50px;
}

在上面的代碼中，我們將img元素的display屬性設置為塊級元素，這樣就可以正確的使用CSS調整它的位置了。當然，另外一種常見的解決方法是使用外層容器元素來調整圖片的位置。

.parent{
position: relative;
left: 50px;
}
img{
position: absolute;
}

在上面的代碼中，我們使用了一個外層容器元素，將其position屬性設置為relative，然后將圖片的position屬性設置為absolute。這樣圖片會以父元素為參照來定位，從而實現了圖片的位置調整。

所以，遇到圖片無法被CSS正確調整位置的問題，這些方法可以幫助我們解決。要么將圖片轉為塊級元素調整（display: block），要么使用外層容器元素（position: relative）來調整圖片的位置。