CSS中，我們可以使用多種方法來讓圖形向下填充，以下是一些常見的方法：

1、使用***定位：

我們可以將圖形***定位到容器的底部，假設(shè)我們有一個名為container的容器，我們可以這樣寫：

```css

#container {

position: relative;

height: 100px;

}

#graphic {

position: absolute;

bottom: 0;

left: 0;

right: 0;

}

```

這樣，圖形就會填充到容器的底部。

2、使用Flexbox：

Flexbox是一個強(qiáng)大的布局工具，我們可以利用它來實現(xiàn)圖形的向下填充。

```css

#container {

display: flex;

flex-direction: column;

height: 100px;

}

#graphic {

flex-grow: 1;

}

```

這樣，圖形就會根據(jù)容器的高度自動調(diào)整其位置。

3、使用Grid布局：

Grid布局是CSS中的一個新特性，它允許我們創(chuàng)建復(fù)雜的二維布局。

```css

#container {

display: grid;

height: 100px;

}

#graphic {

grid-row: 1 / span 1;

}

```

這樣，圖形就會填充到容器的***行，如果容器有多行，圖形會填充到***后一行。

4、使用百分比高度：

我們可以將容器的高度設(shè)置為百分比，這樣容器的高度就會根據(jù)其父元素的高度自動調(diào)整。

```css

#container {

height: 100%;

}

#graphic {

height: 100%;

}

```

這樣，圖形就會填充到容器的底部。

5、使用CSS變量：

我們可以使用CSS變量來動態(tài)地調(diào)整圖形的高度。

```css

:root {

--graphic-height: 100px;

}

#container {

height: var(--graphic-height);

}

#graphic {

height: var(--graphic-height);

}

```

這樣，我們就可以通過修改--graphic-height變量來動態(tài)地調(diào)整圖形的高度。