CSS樣式表中的距離單位與圖片時常常會遇到，特別是在設計響應式網站時更加常見。我們需要確定圖片應該相對于其容器或頁面的其他元素放置的位置。

使用CSS來控制圖像的位置非常簡單。我們可以使用像素或百分比作為CSS距離的單位來確保圖像位于所需位置上。在此之外，CSS還提供了相對距離選項。

相對距離示例如下：

img {
width:50%;
height:auto;
margin:0 auto;
display:block;
}

在此示例中，我們將圖像的寬度設置為其父容器的50％。這意味著該圖像將自適應其容器的大小，并且其寬度將始終為其容器的50％。此外，在該實例中，我們還將對其進行了居中對齊。這是通過將其左右間距設置為自動來實現的。

相對距離不僅僅適用于圖像；它也適用于其他元素。例如，我們可以在您的CSS代碼中使用相對距離來控制文本區域中的圖像、標題和段落的位置。使用這種方法，您可以確保所有元素都根據其容器進行正確布局。

總之，相對距離提供了一個簡便的方法，可以確保圖像或其他元素在您的網站上擺放在正確的位置。如果您想讓您的網站在各種設備上提供最佳的用戶體驗，那么使用相對距離無疑將是明智的決策。