在頁面設計中，我們經常會遇到一種布局需求，就是將兩個或多個部分的高度保持一致，同時這些部分要向頁面底部靠攏。如何實現這種布局呢？下面我們來介紹一下使用CSS來解決兩邊高度到頁面底部的問題。

在CSS中，我們可以使用flex布局來實現這種要求。首先，將需要實現高度相等的內容放在同一個父元素內。例如我們使用兩個div元素分別表示左右兩邊。

設置的CSS代碼如下：

.wrapper{
display: flex;
align-items: stretch;
justify-content: space-between;
height: 100%;
}
.left, .right{
height: 100%;
}

上面的代碼中，“display: flex;”將容器設置為flex布局，“align-items: stretch;”表示將容器內的子元素高度充滿父元素，“justify-content: space-between;”表示兩個子元素之間留有空隙，這是為了保證左右兩邊之間有距離。

“height: 100%;”將子元素高度設置為100%，這樣就能實現子元素的高度與父元素一致的效果。

總結一下，以上就是使用CSS來解決兩邊高度到頁面底部的問題的方法，通過這種方法可以輕松實現常見的頁面布局效果。希望這篇文章對你有幫助。