CSS中，我們可以使用多種方法將盒子放在下方，以下是一些常見的方法：

1、使用相對定位（Relative Positioning）：

相對定位允許你相對于一個(gè)元素的正常位置進(jìn)行定位，你可以將一個(gè)元素設(shè)置為相對定位，并使用bottom屬性將其移動(dòng)到下方。

```css

.box {

position: relative;

bottom: 0;

}

```

2、使用***定位（Absolute Positioning）：

***定位允許你相對于***近的已定位祖先元素（如果存在的話）或者相對于初始包含塊進(jìn)行定位，你可以將一個(gè)元素設(shè)置為***定位，并使用bottom屬性將其移動(dòng)到下方。

```css

.box {

position: absolute;

bottom: 0;

}

```

3、使用固定定位（Fixed Positioning）：

固定定位允許你相對于瀏覽器窗口進(jìn)行定位，即使頁面滾動(dòng)，元素也會(huì)保持在相同的位置，你可以將一個(gè)元素設(shè)置為固定定位，并使用bottom屬性將其移動(dòng)到下方。

```css

.box {

position: fixed;

bottom: 0;

}

```

4、使用Flexbox布局：

Flexbox布局允許你在容器中輕松地對齊元素，你可以將容器設(shè)置為Flex布局，并使用align-items屬性將元素對齊到下方。

```css

.container {

display: flex;

align-items: flex-end;

}

```

5、使用Grid布局：

Grid布局允許你在二維空間中對齊元素，你可以將容器設(shè)置為Grid布局，并使用align-content屬性將元素對齊到下方。

```css

.container {

display: grid;

align-content: end;

}

```