CSS是一種樣式表語言，它是網站界面設計的重要技術之一。在網站中，很常見的需求就是如何通過CSS來布局圖片的位置。本文將介紹幾種CSS布局技術。
首先，我們需要在HTML代碼中嵌入一張圖片，例如：

接下來，我們可以使用CSS來設定圖片的位置。下面是一些常用的CSS布局技術。
1. 相對定位
使用相對定位，可以將圖片相對于它原來的位置移動。示例代碼如下：

<style>
img {
position: relative;
left: 20px; /* 向左移動20像素 */
top: 30px; /* 向下移動30像素 */
}
</style>

2. 絕對定位
使用絕對定位，可以將圖片擺放在特定的位置。在這種情況下，需要先確定圖片父級元素的位置。示例代碼如下：

<style>
.container {
position: relative;
}
img {
position: absolute;
left: 50px; /* 距離父級元素左邊緣50像素 */
top: 100px; /* 距離父級元素頂部100像素 */
}
</style>
<div class="container">
</div>

3. 浮動
浮動可以將圖片放置在一段文本中，使得文本在圖片周圍環繞。示例代碼如下：

<style>
.picture {
float: left;
margin-right: 20px; /* 圖片右側留出20像素空白 */
}
</style>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
<p>
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</p>

總之，CSS提供了多種布局技術，可以將圖片放置在不同的位置和環境中。這些技術的選擇取決于具體的需求和設計。