CSS是網頁設計中不可或缺的一部分，它可以控制網頁的布局和樣式。其中一個比較有用的技巧是從底部開始現實。當我們需要在網頁的底部顯示一些信息時，比如頁腳，可能會遇到一些問題。如果我們使用一般的布局方式，即在HTML中添加一個div并設置其位置為fixed，那么這個div將一直停留在網頁的底部，遮擋住了其他內容，這是我們不希望看到的。

如果我們采用從底部開始現實的方式，那么這個問題就可以得到解決。這種布局方式使用CSS3提供的一些屬性來實現，主要涉及以下幾個屬性：

body {
height: 100%;
display: flex;
flex-direction: column;
}
main {
flex: 1;
overflow: auto;
}
footer {
padding: 10px;
}

首先，我們需要將body的高度設置為100%，這樣使得body元素占據整個網頁的高度，而不僅僅是視口的高度。然后，我們將body的display屬性設置為flex，并將flex-direction設置為column，這樣就將其中的元素按垂直方向排列。

接下來，我們給main元素設置flex屬性為1，這意味著main元素將占據body中所有剩余的空間。同時，我們給main元素設置overflow屬性為auto，這樣當內容過多時，main元素就會出現滾動條。

最后，我們給footer元素設置一個padding值，使得它能夠有足夠的空間顯示內容。按照這種方式，我們就可以實現從底部開始顯示內容的效果。