CSS控制HTML元素的位置有多種方法，其中讓div顯示在底部可以通過(guò)以下幾種方式實(shí)現(xiàn)：
1、***定位：
使用CSS的position: absolute;屬性，可以將div元素固定在頁(yè)面的底部。
```css
.div-at-bottom {
position: absolute;
bottom: 0;
}
```
這個(gè)樣式會(huì)將div元素固定在頁(yè)面底部，無(wú)論頁(yè)面內(nèi)容如何變化，它始終會(huì)顯示在底部。
2、相對(duì)定位：
使用CSS的position: relative;屬性，可以將div元素相對(duì)于其正常位置向下移動(dòng)，直到觸及底部。
```css
.div-at-bottom {
position: relative;
bottom: 0;
}
```
這個(gè)樣式會(huì)將div元素相對(duì)于其正常位置移動(dòng)到頁(yè)面底部。
3、固定定位：
使用CSS的position: fixed;屬性，可以將div元素固定在瀏覽器窗口的底部，即使頁(yè)面內(nèi)容滾動(dòng)，它也會(huì)始終顯示在底部。
```css
.div-at-bottom {
position: fixed;
bottom: 0;
}
```
這個(gè)樣式會(huì)將div元素固定在瀏覽器窗口的底部。
4、Flexbox布局：
使用CSS的Flexbox布局，可以通過(guò)設(shè)置align-items: flex-end;將div元素顯示在容器的底部。
```css
.container {
display: flex;
align-items: flex-end;
}
.div-at-bottom {
/* 其他樣式 */
}
```
這個(gè)樣式會(huì)將容器內(nèi)的所有元素對(duì)齊到容器的底部。
5、Grid布局：
使用CSS的Grid布局，可以通過(guò)設(shè)置align-content: flex-end;將div元素顯示在網(wǎng)格的底部。
```css
.grid-container {
display: grid;
align-content: flex-end;
}
.div-at-bottom {
/* 其他樣式 */
}
```
這個(gè)樣式會(huì)將網(wǎng)格容器內(nèi)的所有元素對(duì)齊到網(wǎng)格的底部。
方法可以根據(jù)具體的需求和場(chǎng)景來(lái)選擇，以實(shí)現(xiàn)讓div元素顯示在頁(yè)面的底部。
