在CSS中，我們可以使用多種方法來設(shè)置圖片的位置，并確保其在網(wǎng)頁上的位置不變，以下是一些常用的方法：

1、使用position屬性：

position: static;：這是默認值，圖片將按照正常的文檔流進行定位。

position: relative;：圖片相對于其正常位置進行定位，可以使用top、right、bottom和left屬性來調(diào)整。

position: absolute;：圖片相對于***近的非static定位的祖先元素進行定位，如果沒有則相對于初始包含塊。

position: fixed;：圖片相對于瀏覽器窗口進行定位，即使頁面滾動，圖片也會保持在相同的位置。

2、使用top、right、bottom、left屬性：

- 這些屬性可以調(diào)整圖片在元素框中的位置。top: 10px;將使圖片距離其容器頂部10像素。

3、使用z-index屬性：

- 當多個元素重疊時，z-index屬性可以指定元素的堆疊順序，較高的值表示元素在堆疊順序中更靠近頂部。

4、使用object-fit屬性：

- 這個屬性可以指定圖片在容器中的填充方式，如object-fit: cover;將使圖片完全覆蓋容器，但保持其寬高比。

示例代碼

下面是一個示例，展示如何設(shè)置圖片的位置和大小：

<div style="position: relative; width: 300px; height: 200px; border: 1px solid #000;">
  <img style="position: absolute; top: 10px; left: 20px; width: 50px; height: 50px;" src="image.jpg" />
</div>

在這個示例中：

- 外部div元素設(shè)置為相對定位，寬度為300像素，高度為200像素，邊框為1像素的實線。

- 內(nèi)部img元素設(shè)置為***定位，距離頂部10像素，左側(cè)20像素，寬度50像素，高度50像素。

圖片固定位置不變的實現(xiàn)

要實現(xiàn)圖片固定位置不變的效果，可以使用position: fixed;屬性。

<img style="position: fixed; top: 50px; left: 50px;" src="image.jpg" />

在這個示例中，圖片將固定在距離瀏覽器窗口頂部50像素、左側(cè)50像素的位置，即使頁面滾動，圖片的位置也不會改變。

CSS提供了多種方法來設(shè)置圖片的位置和大小，包括相對定位、***定位、固定定位和z-index等，通過合理使用這些屬性，可以實現(xiàn)圖片固定位置不變的效果。