在Web設計中，頁面布局是一個很重要的因素。其中，底部布局是設計師們經常會遇到的問題之一。為了解決這個問題，我們可以使用CSS百分比來實現底部布局。

.footer {
position: relative;
bottom: 0;
width: 100%;
height: 50px;
}

以上代碼片段是一個典型的CSS百分比底部布局代碼。其中，設置了position: relative表示將元素相對于其父元素進行定位。同時，通過bottom屬性設置元素的底部距離父元素底部的距離為0，這樣，元素就置于父元素的底部。而width: 100%則表示元素的寬度為父元素的100%。

此外，我們還設置了一個固定的height屬性。這個高度可以根據需要進行調整。如果你的頁面布局中，有多個footer，可以通過類名的方式來復用以上代碼。

使用CSS百分比布局可以有效地解決底部布局的問題，并且可以簡化代碼，提高開發效率。如果你有其他布局問題，可以通過學習CSS布局知識來解決，讓你的頁面更加美觀、實用。