CSS中，我們可以使用多種方法將圖片放置到下方，以下是一些常見(jiàn)的方法：

1、使用***定位：

我們可以使用CSS的position: absolute;屬性，將圖片定位到容器的下方，如果我們有一個(gè)ID為container的容器，我們可以這樣寫(xiě)：

```css

#container {

position: relative;

height: 300px;

}

#container img {

position: absolute;

bottom: 0;

left: 0;

}

```

在這個(gè)例子中，圖片會(huì)被定位到container容器的下方。

2、使用Flexbox：

Flexbox是一個(gè)強(qiáng)大的布局工具，我們可以使用它來(lái)輕松地將圖片放置到下方。

```css

.container {

display: flex;

flex-direction: column;

align-items: flex-end;

}

.container img {

max-width: 100%;

height: auto;

}

```

在這個(gè)例子中，圖片會(huì)被放置到容器的下方，并且會(huì)填充剩余的寬度。

3、使用Grid布局：

Grid布局是另一個(gè)強(qiáng)大的布局工具，它允許我們創(chuàng)建復(fù)雜的網(wǎng)格結(jié)構(gòu)。

```css

.container {

display: grid;

grid-template-columns: 1fr;

grid-template-rows: 1fr 1fr;

}

.container img {

grid-row: 2;

max-width: 100%;

height: auto;

}

```

在這個(gè)例子中，圖片會(huì)被放置到容器的下方，并且會(huì)填充剩余的寬度。

4、使用相對(duì)定位：

我們可以使用CSS的position: relative;屬性，將圖片定位到其容器的下方。

```css

.container {

position: relative;

height: 300px;

}

.container img {

position: absolute;

bottom: 0;

left: 0;

}

```

在這個(gè)例子中，圖片會(huì)被定位到container容器的下方，這種方法與***定位類(lèi)似，但它是相對(duì)于容器而言的。