底對齊是CSS中的一個常見需求，它可以使多個元素在垂直方向上對齊到同一個參考線上，通常情況下，這個參考線是容器底部的邊框或padding區域的下沿。下面介紹幾種實現底對齊的方法。

/* 方法一：使用display: table和vertical-align: bottom */
.container {
display: table;
width: 100%;
}
.item {
display: table-cell;
vertical-align: bottom;
}
/* 方法二：使用絕對定位和bottom屬性 */
.container {
position: relative;
height: 200px;
}
.item {
position: absolute;
bottom: 0;
}
/* 方法三：使用flex布局和align-items: flex-end */
.container {
display: flex;
flex-direction: column;
align-items: flex-end;
}
.item {
margin-top: auto;
}
/* 方法四：使用grid布局和align-self: end */
.container {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 10px;
}
.item {
align-self: end;
}

以上是常見的幾種實現底對齊的方法，它們均能滿足一般的需求。需要注意的是，不同的方法可能存在兼容性問題，需要根據實際情況選擇合適的方案。另外，在使用table和flex布局時，需要考慮如果元素數量不足時，對齊效果可能會改變。最后，如果容器高度不確定時，需要進行調整以保證底對齊的效果。