CSS中有許多方法可以使內(nèi)容居底，可以通過設(shè)置元素的高度或?qū)R方式來實(shí)現(xiàn)。以下是一些常見的方法:

/* 設(shè)置元素的高度為100%，并將底部對(duì)齊 */
.container {
height: 100%;
display: flex;
align-items: flex-end;
}
/* 將絕對(duì)定位元素的底部對(duì)齊到父元素的底部 */
.parent {
position: relative;
}
.child {
position: absolute;
bottom: 0;
}
/* 使用margin將元素下移至底部 */
.bottom {
margin-top: auto;
}

這些方法可以在不同的場(chǎng)景下使用。例如，設(shè)置容器高度為100%并將其底部對(duì)齊可以使頁(yè)面的底部?jī)?nèi)容始終在最底部，適用于需要鋪滿整個(gè)頁(yè)面的布局。將絕對(duì)定位元素底部對(duì)齊到父元素底部可以實(shí)現(xiàn)一個(gè)在頁(yè)面底部粘性定位的工具欄，使其在頁(yè)面滾動(dòng)時(shí)始終可見。使用margin將元素下移可以用于在容器中垂直居中一段文本，同時(shí)保持其他元素靠近頂部。