在進行網頁設計時，div是經常被使用的標簽，使用CSS對其進行樣式設置也是很常見的操作。今天我們來介紹一種設置div底部的方法。

首先，我們需要先給這個div添加一些基礎樣式：

div {
position: relative;
width: 200px;
height: 200px;
background-color: #ddd;
}

這里設置了div的寬高及背景色，然后將position設置為relative，這個屬性會使元素脫離文檔流并進行定位。

接下來，我們需要創建一個::after偽元素來實現我們的設置：

div::after {
content: "";
display: block;
height: 40px;
width: 100%;
background-color: red;
position: absolute;
bottom: 0;
left: 0;
}

這里使用了after偽元素來創建一個紅色的矩形。我們將其position設置為absolute，并使用bottom和left將其定位到div的底部左側。

現在預覽一下，我們成功地將一個矩形放在了div的底部。可以根據需求來調整矩形的大小和顏色。

總的來說，這種方法比較簡單和實用，不需要使用額外的 HTML 元素進行嵌套，而且也沒有過多的計算量。在實際開發中，我們可以將其應用到需要底部裝飾的設計中去。