CSS圖片固定位置不變的方法

在CSS中，我們可以使用position屬性來固定圖片的位置，position屬性有以下幾個值：static、relative、absolute、fixed。

- static：這是默認值，圖片按照正常的文檔流進行排列。

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

- absolute：圖片相對于***近的已定位祖先元素進行定位，如果沒有已定位祖先元素，那么相對于***初的包含塊進行定位。

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

我們可以使用position屬性來固定圖片的位置不變，如果想要讓圖片始終固定在頁面的右下角，可以使用以下CSS代碼：

img {
  position: fixed;
  bottom: 0;
  right: 0;
}

這樣，無論頁面如何滾動，圖片都會保持在右下角的位置不變，如果需要更多的控制，可以使用其他position屬性的值來滿足需求。