在HTML中，我們經(jīng)常需要對(duì)齊元素的位置，特別是底部的位置。下面我們來(lái)介紹一些實(shí)現(xiàn)對(duì)齊底部的代碼。

/*使用flex布局實(shí)現(xiàn)對(duì)齊底部*/
.container{
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
}
/*使用絕對(duì)定位實(shí)現(xiàn)對(duì)齊底部*/
.container{
position: relative;
height: 100%;
}
.bottom{
position: absolute;
bottom: 0;
}
/*使用table布局實(shí)現(xiàn)對(duì)齊底部*/
.table{
display: table;
height: 100%;
}
.tr{
display: table-row;
}
.td{
display: table-cell;
vertical-align: bottom;
}

以上三種方法都可以實(shí)現(xiàn)對(duì)齊底部的效果，具體可根據(jù)頁(yè)面布局和需求選擇不同的方法。