CSS是網頁設計中不可或缺的一部分，它可以為網頁添加美觀硬氣和個性化的效果。其中很重要的一部分就是內容底部對齊了。

.container{
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
min-height: 100vh;
}

在這里，我們使用了flex布局。父元素.container設置了flex-direction為column，則子元素會垂直排列。align-items:center將子元素在主軸上居中對齊，而“空白”處的justify-content為space-between，則可以讓子元素在交叉軸上均勻分布。

如果不使用flex布局，我們可以使用position屬性。我們可以用position:absolute來設置底部內容對其的方法，并在底部使用bottom: 0來讓它保持在底部。

.bottom-content{
position: absolute;
bottom: 0;
left: 0;
right: 0;
text-align: center;
}

這里的bottom:0將元素沿底邊對齊，而left:0和right:0將元素沿兩側對齊，文本居中則使用了text-align:center屬性。

通過以上兩種方法，我們可以輕松實現內容底部對齊的效果。