CSS控制圖片位置不變的方法

在CSS中，我們可以使用相對定位（relative positioning）或***定位（absolute positioning）來控制圖片的位置，相對定位是相對于元素在文檔流中的原始位置進(jìn)行定位，而***定位則是相對于瀏覽器窗口進(jìn)行定位。

我們需要將圖片的position屬性設(shè)置為relative或absolute，然后可以通過top、right、bottom、left屬性來調(diào)整圖片的位置，如果我們想要將一張圖片向右移動50像素，我們可以這樣寫：

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

或者，我們也可以這樣寫：

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

需要注意的是，如果圖片是塊級元素（block-level element），那么top和bottom屬性將不會生效，因為塊級元素總是垂直堆疊的，我們可以使用margin或padding屬性來替代top和bottom來調(diào)整塊級元素的位置。

如果我們想要在圖片移動時保持其大小不變，那么我們可以使用CSS的width和height屬性來指定圖片的寬度和高度。

img {
  width: 100px;
  height: 100px;
}

這樣，無論圖片移動到哪個位置，其大小都將保持不變。