CSS控制圖片位置的方法

在CSS中，我們可以使用多種方法來(lái)控制圖片的位置，如果想要讓圖片向右移動(dòng)，可以利用CSS的浮動(dòng)屬性（float）、定位屬性（position）或者Flex布局來(lái)實(shí)現(xiàn)。

浮動(dòng)屬性可以讓圖片在容器中浮動(dòng)，并可以通過(guò)設(shè)置float: right;來(lái)讓圖片向右浮動(dòng)。

img {
  float: right;
}

定位屬性可以讓圖片在頁(yè)面中按照指定的位置進(jìn)行定位，通過(guò)position: absolute;可以將圖片定位到指定位置，并可以通過(guò)right屬性來(lái)調(diào)整圖片到右邊的距離。

img {
  position: absolute;
  right: 0;
}

Flex布局也可以用來(lái)控制圖片的位置，通過(guò)給容器添加flex布局，并設(shè)置justify-content: flex-end;可以讓圖片靠右顯示。

.container {
  display: flex;
  justify-content: flex-end;
}
img {
  margin-left: 10px;
}

三種方法都可以實(shí)現(xiàn)讓圖片向右移動(dòng)的效果，可以根據(jù)具體的需求來(lái)選擇使用哪種方法。