底部對(duì)齊，怎么實(shí)現(xiàn)呢？下面，我們就來(lái)學(xué)習(xí)一下具體的方法。

第一種方法：使用Flexbox布局。在父容器中使用display: flex，再將子容器的align-self設(shè)置為flex-end，這樣就可以實(shí)現(xiàn)子容器的底部對(duì)齊。具體代碼如下：

.parent {
display: flex;
flex-wrap: wrap;
}
.child {
align-self: flex-end;
}

第二種方法：使用Table布局。在父容器中使用display: table，在子容器中使用display: table-cell，并將垂直方向的對(duì)齊方式設(shè)置為底部。具體代碼如下：

.parent {
display: table;
width: 100%;
}
.child {
display: table-cell;
vertical-align: bottom;
}

第三種方法：使用絕對(duì)定位。將父容器設(shè)置為相對(duì)定位，子容器設(shè)置為絕對(duì)定位，并將底部的位置設(shè)置為0。具體代碼如下：

.parent {
position: relative;
}
.child {
position: absolute;
bottom: 0;
}

總之，以上三種方法都可以實(shí)現(xiàn)多個(gè)