CSS是現代前端開發的重要組成部分。其中一個有用的功能是使圖片靠右自適應。下面將介紹如何實現這個功能。

img {
float: right;
max-width: 100%;
height: auto;
}

首先，我們需要使用“float: right”來使圖片靠右。這將使圖片向右側移動，留出左側空間。

接下來，我們需要使用“max-width: 100%”和“height: auto”屬性。這將根據父元素的大小自動調整圖片的大小。這可以確保圖片在屏幕上正確顯示，并且不會超出界限。

此外，我們還可以將圖片的margin設置為左側值，以根據需要適當調整圖片的位置。例如，我們可以使用以下代碼：

img {
float: right;
max-width: 100%;
height: auto;
margin-left: 10px;
}

在這個例子中，圖片將向右浮動，并且左邊會留下10像素的空間。

總結一下，在CSS中使圖片靠右自適應，我們需要使用“float: right”屬性，同時使用“max-width: 100%”和“height: auto”屬性來調整圖片的大小。我們還可以使用margin屬性來適當調整圖片的位置。希望這篇文章能幫助你學習如何使用CSS實現圖片靠右自適應的效果。