在布局網頁時，有時候我們需要讓盒子居下。這種情況通常出現在我們需要在一個固定高度的容器中嵌入內容時。
首先，我們需要將父容器的位置屬性設為relative，這樣就可以讓我們的子元素進行定位。然后，使用絕對定位將子元素放置在父容器底部。最后，將子元素的margin-top屬性設為負數，以將它們移回原來的位置。
下面是一段使用CSS將盒子居下的代碼示例：

.parent {
width: 300px;
height: 250px;
border: 1px solid #ccc;
position: relative;
}
<br>
.child {
position: absolute;
bottom: 0;
margin-top: -50px;
}

在上面的代碼中，我們先定義了一個包含子元素的父元素，是一個300像素寬、250像素高的盒子，并應用了一些樣式。接下來，我們將子元素的position屬性設為absolute，并將bottom屬性設為0，以使它們保持在父容器的底部。最后，我們使用margin-top屬性將子元素移回原來的位置。
這種方法可以使用在很多不同的場景，無論是用于排版還是放置內容。希望本篇文章能夠對大家有所幫助。