浮動圖像是一種常見的網頁設計技巧，用于將圖像或圖片元素放在其容器的頂部或底部，從而使整個圖像元素呈現更自然的滾動效果。在 CSS 中，我們可以通過使用浮動屬性來設置圖像的浮動方式。

首先，我們需要選擇一個要浮動的圖像元素。然后，在 CSS 中設置該元素的 float 屬性為 left 或 right。這個屬性將把該元素移動到與其父元素相同的水平方向上，并將其放在父元素的頂部或底部。如果 float 屬性被設置為 none，則元素將不會浮動，而是會緊密排列在父元素上。

下面是一個使用 CSS 設置浮動圖像的簡單示例：

```html

</div>

```css

width: 400px;

height: 300px;

background-color: white;

display: flex;

justify-content: space-between;

align-items: center;

width: 400px;

height: 300px;

float: left;

在 CSS 中設置浮動圖像是一種非常簡單和靈活的方法，可以使圖像元素呈現出更自然和美觀的滾動效果。通過使用 float 屬性，我們可以輕松地讓圖像元素在容器內浮動，從而實現所需的效果。